等寬字最適合用在程式語言。顯示程式語言的字型要注意 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 都是等寬字。