This is a demonstation to show how fonts look with and without hinting and font-feature-settings. If font looks blurry, choppy, blocky or incomplete in Windows, choose another hinting method. Font-feature settings only work correctly in Firefox 15+, Chrome 21+, Safari 7+, Opera 15+ and IE 10+. Back to User Agent Man article

This font is called Libre Baskerville.

Here are a bunch of panemes to show as many glyphs as we can.

Note: Some fonts may not show all accented and non-Latin characters correctly, due to their lack of support of these glyphs.

abcdefghijklmnopqrstuvwxyz

ABCDEFGHIJKLMNOPQRSTUVWXYZ

The quick brown fox jumps over the lazy dog. Pójdźże, kiń tę chmurność w głąb flaszy! Lynx c.q. vos prikt bh: dag zwemjuf! Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich Portez ce vieux whisky au juge blond qui fume Pijamalı hasta yağız şoföre çabucak güvendi El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja. Flygande bäckasiner söka strax hwila på mjuka tuvor. Любя, съешь щипцы, — вздохнёт мэр, — кайф жгуч Nechť již hříšné saxofony ďáblů rozzvučí síň úděsnými tóny waltzu, tanga a quickstepu. Ξεσκεπάζω την ψυχοφθόρα βδελυγμία. Įlinkusi fechtuotojo špaga blykčiodama gręžė apvalų arbūzą. עטלף אבק נס דרך מזגן שהתפוצץ כי חם.‎ Jove xef, porti whisky amb quinze glaçons d'hidrogen, coi! Nne, nna, wepụ he'l'ụjọ dum n'ime ọzụzụ ụmụ, vufesi obi nye Chukwu, ṅụrịanụ, gbakọọnụ kpaa, kwee ya ka o guzoshie ike; ọ ghaghị ito, nwapụta ezi agwa. Ìwò̩fà ń yò̩ séji tó gbojúmó̩, ó hàn pákànpò̩ gan-an nis̩é̩ rè̩ bó dò̩la. Jong Xhosas of Zoeloes wil hou by die status quo vir chemie in die Kaap

Text with common ligatures.

This structure finds flooded psycho puffins.

Figure 1 — When ligatures turned on, ligatures will appear in the text above in fonts that support it (common ones are "fi" and "ff"). Futhermore, "st" and "ct" are common historical ligatures as well.

CSS small-caps vs. OpenType smcp

This sentence is rendered with CSS font-variant: small-caps.

The quick brown fox jumps over the lazy dog. Lynx c.q. vos prikt bh: dag zwemjuf! Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich Portez ce vieux whisky au juge blond qui fume Pijamalı hasta yağız şoföre çabucak güvendi El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja. Flygande bäckasiner söka strax hwila på mjuka tuvor.

This sentence is with CSS font-feature-settings: "smcp" 1

The quick brown fox jumps over the lazy dog. Lynx c.q. vos prikt bh: dag zwemjuf! Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich Portez ce vieux whisky au juge blond qui fume Pijamalı hasta yağız şoföre çabucak güvendi El veloz murciélago hindú comía feliz cardillo y kiwi. La cigüeña tocaba el saxofón detrás del palenque de paja. Flygande bäckasiner söka strax hwila på mjuka tuvor.

Here are a few test tests with numbers.

I want to look at the 1st, 2nd and 3rd examples.
Figure 2 —
1/1 = 1
1/2 = 0.5
1/3 = 0.3
2/3 = 0.6
1/4 = 0.25
3/4 = 0.75
1/5 = 0.2
2/5 = 0.4
3/5 = 0.6
4/5 = 0.8
1/6 = 0.16
5/6 = 0.83
1/7 = 0.142857
Figure 3 — These fractions will be drawn with one glyph when frac is turned on. Also, the numbers on the right hand side of the equations will line up when tnum is used.

1/2 = 0.5
0 1 2 3 4 5 6 7 8 9

Figure 4 — Larger numbers. Displayed here to show details.