Serif:

toggle-italic

toggle-bold

  • 'DejaVu Serif', Georgia, georgia, serif
  • 'Palatino Linotype', 'Book Antiqua', Palatino, serif
  • 'Liberation Serif', 'Times New Roman', Times, serif
Sans-Serif:

toggle-italic

toggle-bold

  • 'Liberation Serif', 'DejaVu Serif', Arial, Helvetica, sans-serif
  • 'Arial Black', Gadget, sans-serif
  • 'Lucida Sans Unicode', 'Lucida Grande', sans-serif
  • Tahoma, Geneva, sans-serif
  • 'Trebuchet MS', Trebuchet, sans-serif
  • Verdana, Geneva, sans-serif
Cursive:

toggle-italic

toggle-bold

  • 'Comic Sans MS', 'comic sans', cursive
Monospace:

toggle-italic

toggle-bold

  • 'Courier New', Courier, monospace
  • 'Liberation Mono', 'Lucida Console', Monaco, monospace
  • 'DejaVu Mono', 'Andale Mono', 'Monte Carlo', monospace
Fantasy2:

toggle-italic

toggle-bold

  • Impact, Charcoal, sans-serif
  • fantasy
Symbols:

toggle-italic

toggle-bold

  • Symbol, Symbol (Symbol, Symbol)
  • Webdings, Webdings (Webdings, Webdings)
  • Wingdings, 'Zapf Dingbats' (Wingdings, 'Zapf Dingbats')

Select from this list to change the CSS font-family property of the preview box (powered by JavaScript):

Current Font-Family:
Fantasy

Step 2.)
Enter the text you want to preview:

Preview area

toggle-italicoff

toggle-boldoff

Font-size:


Current Size:
medium

 

Step 3.)
Place your custom text into the font preview dashed-box:

Step 4.)
[View Fantasy declaration Details ]
Copy and paste the values to your stylesheet…