Font Faces
Font Faces
To display Texts and Titles in different regions and languages the Cosmos Foundation provides a set of CSS font-face declarations.
Language | Characters | Declaration File |
|---|---|---|
default | Latin, Cyrillic, Greek | default.css |
Arabic | Arabic | ar.css |
Hindi | Devanagari | hi.css |
Japanese | Japanese | ja.css |
Korean | Korean | ko.css |
Thai | Thai | th.css |
Hebrew | Hebrew, Latin, Latin Ext | he.css |
Georgian | Georgian, Latin, Latin Ext | ka.css |
To load font-face declarations into your project, you can either add a <link> tag to your document's header or compile the declaration CSS files into your stylesheet.
Linked CSS
<!--
Cosmos Fonts
Replace x.y.z with the latest version of @cosmos/foundation (e.g. 1.20.0)
-->
<link href="https://rbds-static.redbull.com/@cosmos/foundation/x.y.z/fonts/default.css" rel="stylesheet">Compile CSS
The individual declarations are also part of the Cosmos Foundation library and can be imported and bundled with your own stylesheet using any CSS preprocessor.
@import "./node_modules/@cosmos/foundation/lib/font/default.css";