Установка

В текущей директории проекта запустите одну из следующих команд:

# npm
npm install --save @ornament-ui/fonts

# yarn
yarn add @ornament-ui/fonts

# pnpm
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 |