Readium CSS’ Typeface Tester
A webpage to help you pick fonts for your reading app or alternatives for your EPUB file.
⚠️ Please make sure to have the latest version of the browser you’re currently using. ⚠️
How-to
First pick a reference (default) font then a custom one in the inputs located in the top right corner so that you can compare them. Both can either be a font installed locally e.g. Georgia
or a google font e.g. google:Noto Serif
– there should be no space after the google:
prefix and you must use the name of the font as seen on Google Fonts without quotes.
You can quickly compare their metrics (you can change the word and text by clicking the left sample in “Comparison”, typing your text then pressing return) to see if the custom font can be a proper alternative.
Then you can review language and OpenType Features support. You can validate support by clicking section headings then download a review as an HTML file (JavaScript required).
Comparison
Call me Ishmael. Some years ago – never mind how long precisely – having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.
Call me Ishmael. Some years ago – never mind how long precisely – having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.
Latin
Alphabet
Punctuation and Misc
Diacritics
Albanian (sq)
Bosnian (bs)
Czech (cs)
Danish (da)
Dutch (nl)
Estonian (et)
Finnish (fi)
French (fr)
German (de)
Hungarian (hu)
Italian (it)
Latvian (lv)
Lithuanian (lt)
Norwegian (no)
Polish (pl)
Portuguese (pt)
Romanian (ro)
Slovak
Slovenian (sk)
Spanish (es)
Swedish (sv)
Turkish (tr)
Non-latin languages
Russian (ru)
Greek (el)
OpenType Features
Small Capitals
If the first line of this paragraph is using proper small capitals and not fake ones, which should be pretty obvious at first sight, then the font you’re testing support the OpenType Feature for small capitals.
Numeric figure values
The following should be lining numerals i.e. all should be aligned on the baseline:
9 8 7 6 5 4 3 2 1 0.
The following should be oldstyle numerals i.e. all should not be aligned on the baseline:
9 8 7 6 5 4 3 2 1 0.
Numeric Spacing Values
Proportional numerals | 12459.00 |
---|---|
Tabular numerals | 12459.00 |
Slashed Zero | 12459.00 |