Profile
Basic Font-Family
These are just the bare bones, nothing fancy. But some people enjoy simplicity.
Serif
font-family: serif;
Sans-serif
font-family: sans-serif;
Cursive
font-family: Cursive;
Monospace
font-family: monospace;
Fantasy
font-family: fantasy;
Specific Font-Family
Web-safe fonts you can use without CSS. Some may not work on specific browers or on mobile. Always double check.
All fonts are set to the same size, any that look larger are simply a result of the font itself.
Andale Mono
font-family: Andale Mono, monospace;
Arial
font-family: Arial, sans-serif;
Arial Black
font-family: Arial Black, sans-serif;
Arial Narrow
font-family: Arial Narrow, sans-serif;
Avenir
font-family: Avenir, serif;
Baskerville
font-family: Baskerville Old Face, serif;
Brush Script
font-family: Brush Script MT, Brush Script Std, cursive;
Calibri
font-family: Calibri;
Californian FB
font-family: Californian FB, AppleMyungjo;
Century Gothic
font-family: Century Gothic;
Comic Sans
font-family: Comic Sans, cursive;
Courier
font-family: Courier, monospace;
Eras Demi ITC
font-family: Eras Demi ITC, sans-serif;
Garamond
font-family: Garamond, serif;
Georgia
font-family: Georgia, serif;
Helvetica
font-family: Helvetica, sans-serif;
Impact
font-family: Impact, fantasy;
Lucida Bright
font-family: Lucida Bright, monospace;
MS Gothic (日本語)
font-family: MS Gothic;
Monaco
font-family: Monaco, monospace;
Palatino
font-family: Palatino, serif;
Papyrus
font-family: Papyrus, fantasy;
Perpetua Titling MT
font-family: Perpetua Titling MT, serif;
Pristina
font-family: Pristina, sans-serif;
Rockwell
font-family: Rockwell;
Symbol
font-family: Symbol;
Tahoma
font-family: Tahoma, sans-serif;
Terminal
font-family: Terminal;
Trebuchet MS
font-family: Trebuchet MS, sans-serif;
Times New Roman
font-family: Times New Roman, serif;
Verdana
font-family: Verdana, sans-serif;
Extras
You can use a few extra classes for specific fonts.
BS Display
<h1 class="display-4">Text</h1>
You may need to adjust the font sizing, you can simply add font-size: 12pt in the style and adjust it to your tastes.
Font Awesome
<span class="far">Text</span>
You may need to adjust the letter-spacing, you can simply add letter-spacing: 2px in the style and adjust it to your tastes.
Small Caps
font-variant: small-caps;
Setting small caps too small is often inaccessible, so please keep that in mind!
Recent Images
No images.