Roboto Slab

Попробовать Roboto Slab

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

• Thin 100Roboto Slab Thin
• ExtraLight 200Roboto Slab ExtraLight
• Light 300Roboto Slab Light
• Regular 400Roboto Slab Regular
• Medium 500Roboto Slab Medium
• SemiBold 600Roboto Slab SemiBold
• Bold 700Roboto Slab Bold
• ExtraBold 800Roboto Slab ExtraBold
• Black 900Roboto Slab Black

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

О шрифте Roboto Slab

Roboto Slab — семейство брусковых шрифтов, добавляющее к рисунку Roboto прямоугольные засечки без скруглений. В официальном описании общий скелет назван механическим и в основном геометрическим, с открытыми изгибами и буквами естественной ширины, а брусковый шрифт представлен как спутник Roboto и Roboto Condensed. На образце засечки — плоские бруски примерно той же толщины, что и основные штрихи, а контраст между штрихами низкий. Семейство вариативно по насыщенности от 100 до 900, в нём девять именованных насыщенностей от Thin до Black; ось насыщенности появилась в ноябре 2019 года. Курсива нет. В 1 154 глифах поддерживаются латиница, расширенная латиница, кириллица, греческий и вьетнамский. Автором указан Christian Robertson. Roboto Slab распространяется под Apache License 2.0, а не под SIL Open Font License.

Где уместен Roboto Slab

Заголовки статей над текстом Roboto

У шрифта тот же скелет, что у Roboto, поэтому брусковые заголовки естественно смотрятся над основным текстом без засечек.

Цитаты в редакционных материалах

Thin и Light на крупных размерах превращают бруски в тонкие горизонтальные линии, которые выделяют цитату из текста.

Заголовки презентаций

Начертания от Bold до Black дают заголовкам слайдов тяжёлые буквы с квадратными «ножками».

Заголовки на русском, греческом и вьетнамском

Наборы кириллицы, греческого и вьетнамского позволяют заголовкам на этих письменностях использовать тот же брусковый стиль.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Roboto Slab

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

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

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

@font-face {
  font-family: "Roboto Slab";
  src: url("/assets/fonts/RobotoSlab-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Roboto Slab", serif;
}

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

<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=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet">

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

Курсива нет

У Roboto Slab только прямые начертания.

Apache License 2.0

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

Один вариативный файл

Файл RobotoSlab-VariableFont_wght.ttf охватывает насыщенности от Thin 100 до Black 900.

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

Подборки с Roboto Slab

• Шрифты для презентаций и слайдов

  Гротески и брусковые гарнитуры, которые остаются читаемыми на проекторе и при показе экрана, с сильными жирными начертаниями для заголовков слайдов.

• Брусковые шрифты

  Семейства с брусковыми засечками: от геометричных и машинописных рисунков до крепких текстовых шрифтов с курсивом.

• Тонкие и волосяные шрифты для лёгких воздушных заголовков

  Семейства с насыщенностью Thin и акцидентные волосяные шрифты с одним начертанием: для крупных заголовков, обложек и минималистичной вёрстки.

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

  Семейства, задуманные для совместного использования: гротеск, антиква или брусковый и часто моноширинный, с общими пропорциями, насыщенностями и характером.

• Шрифты с поддержкой греческого

  Семейства с открытой лицензией, где рядом с латиницей есть греческие глифы: для сайтов на греческом, а также для математики, науки и классической филологии.

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

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