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";