CSS font stacks, media style sheets & web standards

Your banner ad here

WestNIC provides reliable web hosting services

25% off cpanel web hosting and reseller hosting deals. Promo: codestyle25off

The Playbill sample text below is part of the Code Style font sampler, a survey of the most common fonts on Windows, Mac and GNU/Linux and Unix operating systems.

The text sample below will only work with CSS enabled and the relevant font installed. Otherwise the text will display in the site's standard font stack, like this paragraph.

Alphabet and numerals

Normal style

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

Bold style

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

Italic style

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

M. Tulli Ciceronis

Pro A. Licinio Archia Poeta

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. Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.

Sed ne cui vestrum mirum esse videatur me in quaestione legitima et in judicio publico -- cum res agatur apud praetorem populi Romani, lectissimum virum, et apud severissimos judices, tanto conventu hominum ac frequentia -- hoc uti genere dicendi, quod non modo a consuetudine judiciorum, verum etiam a forensi sermone abhorreat; quaeso a vobis, ut in hac causa mihi detis hanc veniam, adcommodatam huic reo, vobis (quem ad modum spero) non molestam, ut me pro summo poeta atque eruditissimo homine dicentem, hoc concursu hominum literatissimorum, hac vestra humanitate, hoc denique praetore exercente judicium, patiamini de studiis humanitatis ac litterarum paulo loqui liberius, et in ejus modi persona, quae propter otium ac studium minime in judiciis periculisque tractata est, uti prope novo quodam et inusitato genere dicendi. Quod si mihi a vobis tribui concedique sentiam, perficiam profecto ut hunc A. Licinium non modo non segregandum, cum sit civis, a numero civium, verum etiam si non esset, putetis asciscendum fuisse.

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