2008/12/11

等寬字

等寬字最適合用在程式語言。顯示程式語言的字型要注意 l, 1, i 與 0, o, O 容易分辨。在此只列出了一小部分等寬字,以可在主要瀏覽器上使用為主。等寬字要配合 <pre> ... </pre> 使用。

Courier New | Lucida Console | MS Mincho | Monospace | Courier
Courier New
  • 風格用法:

    <pre style='font-family: Courier New'>
    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    </pre>

  • 執行結果:

    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    

Lucida Console
  • 風格用法:

    <pre style='font-family: Lucida Console '>
    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    </pre>

  • 執行結果:

    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    

MS Mincho
  • 風格用法:

    <pre style='font-family: MS Mincho'>
    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    </pre>

  • 執行結果:

    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    

Monospace
  • 風格用法:

    <pre style='font-family: monospace'>
    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    </pre>

  • 執行結果:

    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    
  • 此字型在 Safari 沒有支援;IE, Firefox, Chrome 都是等寬字。
Courier
  • 風格用法:

    <pre style='font-family: Courier'>
    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    </pre>

  • 執行結果:

    +----------+------------+
    |  1il     |   0oO      |
    +----------+------------+
    
  • 此字型在 Firefox3.0,空白字元不是等寬字;IE, Safari, Chrome 都是等寬字。