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.

If testing a variable font, add the variations Google Fonts gives you for this font e.g.
google:Roboto+Flex:opsz,wdth,wght@8..144,25..151,100..1000

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

Body
Body

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

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9

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

Variations

Font weight

This paragraph is intended to test the range of weights of the font. It is currently 400.

Font width

This paragraph is intended to test the range of widths of the font. It is currently 100.

Font optical sizing

Optical sizing

This section is intended to test optical sizing i.e. contrast of strokes and serifs.