@ornament-ui/fonts
Набор базовых шрифтов
Установка
В текущей директории проекта запустите одну из следующих команд:
npm install --save @ornament-ui/fonts
yarn add @ornament-ui/fonts
pnpm add @ornament-ui/fonts
Подключение
import '@ornament-ui/fonts';
Применение
Рекомендации к использованию шрифтов: «Rubrik New» — заголовки любого уровня, «Roboto» — типографический текст кроме заголовков.
body {
font-family: 'Roboto', sans-serif;
}
h1,
h2,
h3,
h4 {
font-family: 'Rubrik New', sans-serif;
}
Предзагрузка шрифтов
Для критически важных шрифтов рекомендуется использовать предварительную загрузку.
<link
rel="preload"
href="/path/to/font/roboto-regular.woff2"
as="font"
type="font/woff2"
crossorigin
/>
Поддерживаемые переменные
Weight | Fonts |
---|
400 | Roboto |
500 | Roboto, Rubrik New |
700 | Rubrik New |