Raleway

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

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

• Thin 100Raleway Thin Thin Italic
• ExtraLight 200Raleway ExtraLight ExtraLight Italic
• Light 300Raleway Light Light Italic
• Regular 400Raleway Regular Курсив
• Medium 500Raleway Medium Medium Italic
• SemiBold 600Raleway SemiBold SemiBold Italic
• Bold 700Raleway Bold Bold Italic
• ExtraBold 800Raleway ExtraBold ExtraBold Italic
• Black 900Raleway Black Black Italic

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

О шрифте Raleway

Raleway — семейство гротесков, которое в официальном описании названо акцидентной гарнитурой. Всё началось с тонкого рисунка Matt McInerney; Pablo Impallari и Rodrigo Fuenzalida расширили его до девяти насыщенностей в 2012 году, а курсив появился в 2016 году. На образце начертание Thin показывает волосяные штрихи, «W» с пересекающимися средними штрихами и цифры, которые поднимаются и опускаются, как строчные буквы: по умолчанию показываются старостильные цифры, но есть и выровненные по высоте. В официальном описании также перечислены обычные и дискреционные лигатуры и более геометричный набор стилистических альтернатив. Raleway вариативен по одной оси — насыщенности — от 100 до 900, с именованными начертаниями от Thin до Black в прямом начертании и курсиве, всего 18 начертаний. В 1 067 глифах поддерживаются латиница, расширенная латиница, кириллица и вьетнамский. Raleway распространяется под SIL Open Font License 1.1.

Где уместен Raleway

Крупные светлые заголовки

Thin 100 и ExtraLight 200 — волосяные насыщенности, которым нужен крупный размер; тонкий рисунок был отправной точкой семейства.

Брендинг в моде и лайфстайле

Широкие прописные и «W» с пересечением придают вордмарку узнаваемую деталь, а девять насыщенностей обеспечивают остальную систему.

Журнальная вёрстка

Старостильные цифры встают вровень со строчными в основном тексте, вводных абзацах и цитатах, а курсив добавляет акцент.

Иерархия на лендингах

Black 900 для главной строки и Regular или Medium для подзаголовков берутся из одного вариативного файла.

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

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

<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=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

Цифры по умолчанию старостильные

Цифры 3, 4, 5, 7 и 9 на образце опускаются ниже базовой линии. Выровненные цифры есть в шрифте и включаются функциями OpenType.

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

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

Описан как акцидентный шрифт

В официальном описании Raleway отнесён к акцидентным шрифтам, а не к гарнитурам для длинного текста мелкого размера.

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

Подборки с Raleway

• Шрифты для логотипов и вордмарков

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

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

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

• Семейства шрифтов с девятью насыщенностями и курсивом

  Полные семейства от Thin до Black с курсивом для каждой насыщенности: восемнадцать начертаний для цельной типографской системы.

• Шрифты с поддержкой кириллицы

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

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

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