Diese Test zeigt lateinische, arabische, kyrillische und asiatische Zeichen in verschiedenen Schriftstärken, um die Auswirkungen der CSS-Eigenschaft font-weight
auf Webfonts und Browser-Fall-back-Fonts aufzuzeigen. In diesem Beispiel ist es der Web-Font Roboto von Google. Nachfolgende Liste listet die möglichen Schriftschnitte auf.
Übersicht der Schriftschnitte des Webfonts Roboto von Google
Roboto
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Grumpy wizards make toxic brew for the evil Queen and Jack.
Web-Font-Tests mit lateinischen, arabischen, kyrillischen
und asiatischen Zeichen
In dieser Tabelle sind auch Schriftstärken bemustert, die nicht vom Webfont angeboten werden.
Schriftstärke | lateinisch (Europa) | Han-Schrift (China) | Arabisch | Hangul (Korea) | Hiragana (Japan) | Kyrillisch (Russland) |
thin (100) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
thin (200), fehlt | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
light (300) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
normal (400) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
medium (500) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
bold (600), fehlt | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
bold (700) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
bold (800), fehlt | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
ultra-bold (900) | ABC | 阿贝瑟 | بوج | ㅂㅏㅊ | べあせ | АБӴ |
Fazit
Der Browser zeigt die erwartete Reaktion. Die lateinischen, kyrillischen und griechischen Zeichen werden wie vorgesehen, durch den Webfont Roboto abgebildet. Die fehlenden 600er- und 800er-Schnitte werden durch die 700er und 900er ersetzt. Der fehlende 200er wird durch den 100er ersetzt.
Asiatische und arabische Zeichen werden durch die Fallback-Lösung der Grundeinstellungen des Browsers abgebildet. Es wird nur zwischen bold (≥ 600) und normal (≤ 500) unterschieden. Im Google Chrome 50, Firefox 46 und Internet Explorer 11 wird ab einer Stärke von 600 die Schrift als Fettschnitt ausgegeben.