đŸ› ïžToolsShed

Web Safe Fonts Reference

Browse all web-safe fonts with live previews filtered by serif, sans-serif, and monospace categories.

18px
Arialsans-serif
Arial, Helvetica, sans-serif

The quick brown fox jumps over the lazy dog

Arial Blacksans-serif
'Arial Black', Gadget, sans-serif

The quick brown fox jumps over the lazy dog

Verdanasans-serif
Verdana, Geneva, sans-serif

The quick brown fox jumps over the lazy dog

Tahomasans-serif
Tahoma, Geneva, sans-serif

The quick brown fox jumps over the lazy dog

Trebuchet MSsans-serif
'Trebuchet MS', Helvetica, sans-serif

The quick brown fox jumps over the lazy dog

Impactsans-serif
Impact, Charcoal, sans-serif

The quick brown fox jumps over the lazy dog

Helveticasans-serif
Helvetica, Arial, sans-serif

The quick brown fox jumps over the lazy dog

Times New Romanserif
'Times New Roman', Times, serif

The quick brown fox jumps over the lazy dog

Georgiaserif
Georgia, serif

The quick brown fox jumps over the lazy dog

Garamondserif
Garamond, serif

The quick brown fox jumps over the lazy dog

Palatino Linotypeserif
'Palatino Linotype', 'Book Antiqua', Palatino, serif

The quick brown fox jumps over the lazy dog

Book Antiquaserif
'Book Antiqua', Palatino, serif

The quick brown fox jumps over the lazy dog

Courier Newmonospace
'Courier New', Courier, monospace

The quick brown fox jumps over the lazy dog

Lucida Consolemonospace
'Lucida Console', Monaco, monospace

The quick brown fox jumps over the lazy dog

Monacomonospace
Monaco, 'Courier New', monospace

The quick brown fox jumps over the lazy dog

Font Name
Arial
Arial Black
Verdana
Tahoma
Trebuchet MS
Impact
Helvetica
Times New Roman
Georgia
Garamond
Palatino Linotype
Book Antiqua
Courier New
Lucida Console
Monaco

Questions Fréquentes

Implémentation du Code

# Generate CSS font stacks for web-safe fonts
WEB_SAFE_FONTS = {
    "serif": [
        ("Georgia", "Georgia, 'Times New Roman', Times, serif"),
        ("Times New Roman", "'Times New Roman', Times, serif"),
        ("Palatino", "'Palatino Linotype', 'Book Antiqua', Palatino, serif"),
        ("Garamond", "Garamond, serif"),
    ],
    "sans-serif": [
        ("Arial", "Arial, Helvetica, sans-serif"),
        ("Helvetica", "Helvetica, Arial, sans-serif"),
        ("Verdana", "Verdana, Geneva, sans-serif"),
        ("Tahoma", "Tahoma, Geneva, sans-serif"),
        ("Trebuchet MS", "'Trebuchet MS', Helvetica, sans-serif"),
    ],
    "monospace": [
        ("Courier New", "'Courier New', Courier, monospace"),
        ("Lucida Console", "'Lucida Console', Monaco, monospace"),
        ("Consolas", "Consolas, 'Courier New', monospace"),
    ],
}

for category, fonts in WEB_SAFE_FONTS.items():
    print(f"\n{category.upper()}")
    for name, stack in fonts:
        print(f"  {name}: font-family: {stack}")

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.