Rubik

Попробовать Rubik

Насыщенности и начертания

• Light 300Rubik Light Light Italic
• Regular 400Rubik Regular Курсив
• Medium 500Rubik Medium Medium Italic
• SemiBold 600Rubik SemiBold SemiBold Italic
• Bold 700Rubik Bold Bold Italic
• ExtraBold 800Rubik ExtraBold ExtraBold Italic
• Black 900Rubik Black Black Italic

Rubik — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в отдельных файлах для каждого начертания, а названные выше насыщенности — точки в этом диапазоне.

О шрифте Rubik

Rubik — семейство гротесков с чуть скруглёнными окончаниями штрихов и углами; на образце это заметно в Light и становится ещё очевиднее в квадратных формах Black с мягкими углами. Шрифт появился в студии Hubert & Fischer, где Philipp Hubert и Sebastian Fischer нарисовали его для проекта Chrome Cube Lab. В официальном описании отмечена последующая работа над другими письменностями: Meir Sadan переработал иврит в 2015 году, а Alexei Vanyashin — кириллицу в 2016 году; среди авторов указаны также Cyreal, Daniel Grumer и Omaima Dajani. Rubik вариативен по насыщенности от 300 до 900, в нём семь именованных насыщенностей от Light до Black, к каждой есть курсив, всего 14 начертаний. В 1 154 глифах охвачены подмножества латиницы, расширенной латиницы, кириллицы, иврита и арабского. Rubik распространяется под SIL Open Font License 1.1.

Где уместен Rubik

Дружелюбные интерфейсы продуктов

Скруглённые углы смягчают кнопки и подписи, а начертания от Regular до SemiBold дают привычную иерархию интерфейса.

Макеты на иврите, арабском и латинице

Три письменности и кириллица объединены одним семейством, поэтому многоязычный продукт сохраняет единый типографский голос.

Выразительные рекламные заголовки

У ExtraBold и Black компактные формы с мягкими углами, подходящие для крупных рекламных строк.

Основной текст с выделениями

Курсив есть во всех семи насыщенностях, поэтому для выделений и цитат используются нарисованные начертания.

Глифы

Поддержка языков

В семействе есть основные буквы, которыми пишут на этих языках:

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Турецкий
• Польский
• Чешский
• Словацкий
• Венгерский
• Румынский
• Хорватский
• Словенский
• Литовский
• Латышский
• Эстонский
• Русский
• Украинский
• Болгарский

Письменности помимо латиницы, для которых в семействе есть глифы: Арабский, Кириллица, Иврит. Это перечень письменностей, а не обещание поддержки каждого языка, который ими пользуется.

Наборы символов в файлах: arabic, cyrillic, cyrillic-ext, hebrew, latin, latin-ext. Список языков — это проверка наличия нужных букв в шрифте, а не гарантия типографского качества для каждого языка.

Лицензия

Шрифты в пару к Rubik

Пары подобраны по простым правилам: контрастная классификация и достаточно насыщенностей для основного текста. Это отправная точка, а не окончательный выбор.

Подключение Rubik на сайте

Скачайте семейство, разместите файлы на своём сайте и подключите их в CSS. Не ссылайтесь на файлы с trendhub.net: здесь лежат урезанные файлы для превью, и их адреса меняются.

@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  src: url("/assets/fonts/Rubik-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Rubik", sans-serif;
}

Или подключите шрифт из официального источника. Google Fonts отдаёт Rubik с такой разметкой:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">

Что важно знать

Начинается с Light

Ось насыщенности начинается с 300. Thin и ExtraLight нет.

По умолчанию — Light

Вариативный файл по умолчанию имеет значение 300, поэтому для Regular нужно задать font-weight 400.

Два вариативных файла

Прямое начертание и курсив лежат в отдельных файлах, каждый охватывает диапазон от 300 до 900.

Вопросы и ответы

Подборки с Rubik

• Шрифты для субтитров и подписей к видео

  Простые прочные гротески для субтитров и подписей, выбранные за чёткие буквы в мелких размерах и, как правило, широкий охват языков.

Похожие шрифты

Другие семейства той же классификации, по числу общих тегов назначения. Все шрифты в категории «Гротески»