Font scaling


Comments

The following is a demonstration of Font Combiner's built-in font scaling system and its potential to offset some of the drawbacks in downloading fonts on demand, compared with the new CSS property font-size-adjust where available.

Each of these web fonts are uncached and served with a cap of 256 kb/s on the transfer speed in order to highlight any layout alterations or 'flash of unstyled text'.

This is the font 'Rock Salt' set to a font size of 24px, generated by Font Combiner:

Thought is subversive and revolutionary, destructive and terrible; thought is merciless to privilege, established institutions, and comfortable habits.
This is the same font, unmodified, set to the same font size of 24px, as provided by Google Fonts:

Thought is subversive and revolutionary, destructive and terrible; thought is merciless to privilege, established institutions, and comfortable habits.
Finally, this is the same font, unmodified, but with the CSS property font-size-adjust applied, set to 0.58 (this property is only available in Firefox at the time of writing):

Thought is subversive and revolutionary, destructive and terrible; thought is merciless to privilege, established institutions, and comfortable habits.

This is an excerpt from the CSS spec. related to font-size-adjust linked to above:
"In situations where font fallback occurs, fallback fonts may not share the same aspect value as the desired font family and will thus appear less readable. The 'font-size-adjust' property is a way to preserve the readability of text when font fallback occurs."