CSS font stacks, media style sheets & web standards

Your banner ad here

WestNIC provides reliable web hosting services

Site navigation below

CSS fonts should be based on a generic font family to ensure an appropriate style font is rendered in any circumstances. Preferred font names should be declared in order of preference in a comma separated font family list tailored for specific platforms.

CSS font family: cursive

Cursive fonts have a hand written style, are usually inclined and sometimes have strokes that extend into swashes. Cursive font faces have a wide variety of font styles, so are best used cautiously on the Web, with the CSS font family name cursive.

The most common cursive fonts

The only cursive font that is likely to be present on all systems is Microsoft Comic Sans MS, but its frequency on Unix family systems is quite low. Monotype Corsiva on Windows and URW Chancery on Unix and Linux systems are very similar to Apple Chancery on Mac. Brush Script MT is available on Mac OSX systems and Windows, but it is not common on either platform overall.

Cursive font names may indicate the style of lettering, with suffixes "hand", "handwriting", "script", "calligraphy" and "chancery".

Most common cursive fonts on Windows systems to 6 February 2010
Font name Installed (%) Sample Image
Comic Sans MS 99.07% 99.07% Text Image
Monotype Corsiva 82.34% 82.34% Text Image
Bradley Hand ITC 62.73% 62.73% Text Image
Tempus Sans ITC 62.13% 62.13% Text Image
French Script MT 62.08% 62.08% Text Image
Kristen ITC 60.66% 60.66% Text Image
Mistral 60.66% 60.66% Text Image
Edwardian Script ITC 60.05% 60.05% Text Image
Maiandra GD 60.05% 60.05% Text Image
Blackadder ITC 59.24% 59.24% Text Image
Vivaldi 57.87% 57.87% Text Image
Pristina 56.91% 56.91% Text
Freestyle Script 55.04% 55.04% Text
Lucida Handwriting 54.24% 54.24% Text Image
Script MT Bold 52.71% 52.71% Text
Palace Script MT 51.80% 51.80% Text
Rage Italic 51.09% 51.09% Text
Forte 50.99% 50.99% Text
Gigi 50.73% 50.73% Text
Lucida Calligraphy 50.58% 50.58% Text
Viner Hand ITC 50.58% 50.58% Text
Brush Script MT 49.77% 49.77% Text Image
Vladimir Script 49.22% 49.22% Text
Informal Roman 49.11% 49.11% Text
Kunstler Script 49.01% 49.01% Text
Staccato222 BT 13.28% 13.28% Text
Calligraph421 BT 9.23% 9.23% Text
ParkAvenue BT 8.97% 8.97% Text
Cataneo BT 8.67% 8.67% Text
Jenkins v2.0 8.20% 8.20% Text
GlooGun 8.10% 8.10% Text
Fat 8.05% 8.05% Text
John Handy LET 7.69% 7.69% Text
La Bamba LET 7.59% 7.59% Text
Rage Italic LET 7.59% 7.59% Text
Ruach LET 7.59% 7.59% Text
One Stroke Script LET 7.13% 7.13% Text
Tiranti Solid LET 7.03% 7.03% Text
Smudger LET 6.92% 6.92% Text
Pepita MT 3.38% 3.38% Text
Andy 3.33% 3.33% Text
Bickley Script 2.67% 2.67% Text
DomBold BT 2.56% 2.56% Text
Fine Hand 2.41% 2.41% Text
Mercurius Script MT Bold 1.79% 1.79% Text
A Charming Font 1.69% 1.69% Text
Apple Chancery 1.62% 1.62% Text
BudHand 1.38% 1.38% Text
Mead Bold 0.97% 0.97% Text
Champignon 0.56% 0.56% Text
Textile 0.05% 0.05% Text

Font stack builder: Start a cursive font stack

Most common cursive fonts on Mac systems to 6 February 2010
Font name Installed (%) Sample Image
Apple Chancery 90.70% 90.70% Text Image
Comic Sans MS 90.42% 90.42% Text Image
Zapfino 88.45% 88.45% Text Image
Brush Script MT 86.48% 86.48% Text Image
Casual 49.52% 49.52% Text
Lucida Handwriting 31.58% 31.58% Text Image
Monotype Corsiva 22.91% 22.91% Text
Textile 13.93% 13.93% Text Image
Sand 12.38% 12.38% Text Image
Adobe Garamond 5.71% 5.71% Text
Apple Casual 3.81% 3.81% Text
Shelley 1.90% 1.90% Text
Zapf Chancery 1.24% 1.24% Text Image
Caflisch Script Pro 0.95% 0.95% Text
Kaufmann 0.95% 0.95% Text
Porcelain 0.95% 0.95% Text

Font stack builder: Start a cursive font stack

Most common cursive fonts on Unix systems to 6 February 2010
Font name Installed (%) Sample Image
URW Chancery L 96.57% 96.57% Text Image
Comic Sans MS 59.81% 59.81% Text
Domestic Manners 23.19% 23.19% Text

Font stack builder: Start a cursive font stack

Font stacks for print style sheets

Our main interest is to build reliable font stacks for screen rendering, but CSS allows us to specify a different font stack to print Web pages. The most reliable way to apply print media style sheets is to use the media attribute on the style sheet link element. The selectors you choose and font-family declarations you add to this style sheet will only apply when the page is printed.

<link rel="stylesheet" type="text/css"
      href="/styles/print.css" media="print" />
    

What font combinations would you choose for print? Use the font stack builder to create a print font stack and submit your ideas.

Other CSS font family resources

Article feedback

Your comments on this article will be appreciated, please use the form below to submit your views. If you would like a reply or article update notification, include your email address.

Information: Your email address will not be mis-used. If you include your address you may be sent a personal reply, you will not be added to any mailing list unless you request update notification. Read the site privacy statement for details.

Add this page to your chosen social bookmarking service

Style warning - please read

Home · CSS · Java · Javascript · HTML · Help · Log