CSS font stacks, developer FAQs & web standards

Your banner ad here

WestNIC provides reliable web hosting services

The Mistral font sample below is part of the Code Style font sampler and survey of the most common fonts on Windows, Mac and GNU/Linux.

The text samples below will work with CSS enabled and the relevant font installed else the text will display the standard font stack, like this paragraph.

Alphabet and numerals

Normal style

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;%&[("*!?')]

Bold style

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;%&[("*!?')]

Italic style

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789.:,;%&[("*!?')]

Paragraph sample

Si quid est in me ingeni, judices, quod sentio quam sit exiguum, aut si qua exercitatio dicendi, in qua me non infitior mediocriter esse versatum, aut si hujusce rei ratio aliqua ab optimarum artium studiis ac disciplina profecta, a qua ego nullum confiteor aetatis meae tempus abhorruisse, earum rerum omnium vel in primis hic A. Licinius fructum a me repetere prope suo jure debet.

Nam quoad longissime potest mens mea respicere spatium praeteriti temporis, et pueritiae memoriam recordari ultimam, inde usque repetens hunc video mihi principem et ad suscipiendam et ad ingrediendam rationem horum studiorum exstitisse. Quod si haec vox, hujus hortatu praeceptisque conformata, non nullis aliquando saluti fuit, a quo id accepimus quo ceteris opitulari et alios servare possemus, huic profecto ipsi, quantum est situm in nobis, et opem et salutem ferre debemus.

Font variant and style

This section uses the same base text for each example, only the styling is different.

Normal

Equivalent

Small capitals (declared)

Equivalent

Small capital style is not supported by some browsers and may render as normal text.

Italic

Equivalent

Oblique (declared)

Equivalent

True oblique style is not supported by many fonts and may be rendered as standard italic, or as normal text in some browsers.

Font scaling

100%: The quick brown fox jumps over the lazy dog.

150%: The quick brown fox jumps over the lazy dog.

200%: The quick brown fox jumps over the lazy dog.

250%: The quick brown fox jumps over the lazy dog.

300%: The quick brown fox jumps over the lazy dog.

350%: The quick brown fox jumps over the lazy dog.

400%: The quick brown fox jumps over the lazy dog.

450%: The quick brown fox jumps over the lazy dog.

500%: The quick brown fox jumps over the lazy dog.

Add this page to your chosen social bookmarking service

Style warning, please read

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