Serif: [toggle]

toggle-italic

toggle-bold

  • Georgia, georgia, serif
  • 'Palatino Linotype', 'Book Antiqua', Palatino, serif
  • 'Times New Roman', Times, serif
Sans-Serif: [toggle]

toggle-italic

toggle-bold

  • 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]

toggle-italic

toggle-bold

  • 'Comic Sans MS', 'comic sans', cursive
Mono.: [toggle]

toggle-italic

toggle-bold

  • 'Courier New', Courier, monospace
  • 'Lucida Console', Monaco, monospace
  • 'Andale Mono', 'Monte Carlo', monospace
Fantasy2: [toggle]

toggle-italic

toggle-bold

  • Impact, Charcoal, sans-serif
  • fantasy
Symbols: [toggle]

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:

Adjust Preview Style

toggle-italicoff

toggle-boldoff




Font-size:
Current font-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…