CodeLobe.com/dev/classic-pc-fonts


Classic PC Fonts

If you're nostalgic for retro fonts check the collection of retro fonts at int10h.org.
The fonts are Creative Commons licensed for reuse.

A 9x16 PC VGA font is used on this site.

Codepage 437

Below are the 256 characters of CP437.

  ☺ ☻ ♥ ♦ ♣ ♠ • ◘ ○ ◙ ♂ ♀ ♪ ♫ ☼ ► ◄ ↕ ‼ ¶ § ▬ ↨ ↑ ↓ → ← ∟ ↔ ▲ ▼
  ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ?
@ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _
` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ ⌂
Ç ü é â ä à å ç ê ë è ï î ì Ä Å É æ Æ ô ö ò û ù ÿ Ö Ü ¢ £ ¥ ₧ ƒ
á í ó ú ñ Ñ ª º ¿ ⌐ ¬ ½ ¼ ¡ « » ░ ▒ ▓ │ ┤ ╡ ╢ ╖ ╕ ╣ ║ ╗ ╝ ╜ ╛ ┐
└ ┴ ┬ ├ ─ ┼ ╞ ╟ ╚ ╔ ╩ ╦ ╠ ═ ╬ ╧ ╨ ╤ ╥ ╙ ╘ ╒ ╓ ╫ ╪ ┘ ┌ █ ▄ ▌ ▐ ▀
α ß Γ π Σ σ µ τ Φ Θ Ω δ ∞ φ ε ∩ ≡ ± ≥ ≤ ⌠ ⌡ ÷ ≈ ° ∙ · √ ⁿ ² ■  

There's more character info in my Codepage 437 Character Map.

Using a classic font in HTML/CSS

The font can be used on the web by declaring a custom font face in CSS:

@font-face {
    font-family: "vga437";
    src: url( "./VGA_437_9x16.ttf" ) format( "truetype" );
}

pre.retro {
    font-family: "vga437", monospace;
    font-size: 16px;
    line-height: 16px;
}

Then use the CSS style in HTML:

<pre class="retro">
    Text in a classic PC font.
</pre>

The path given above is relative to the CSS file.