Fira Sans

Попробовать Fira Sans

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

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

О шрифте Fira Sans

Fira Sans — семейство гротесков, которое проектировали под характер Firefox OS от Mozilla и с расчётом на самые разные телефоны, где экраны и отрисовка заметно отличаются. На образце видны высокие строчные, открытые раскрытия в «a», «c», «e» и «s», лёгкий наклон некоторых окончаний штрихов и прочные соединения, которые остаются чёткими даже в начертании Black. В семействе девять насыщенностей, от Thin 100 до Black 900, у каждой есть курсив: всего 18 начертаний в виде статических файлов, вариативного шрифта нет. В каждом файле 2 677 глифов: Latin, Latin Extended, кириллица, греческий и вьетнамский. По официальным заметкам, Fira выпускается в трёх ширинах, все с курсивами, и есть ещё моноширинный вариант. Проектом руководит берлинская словолитня Carrois, авторские права принадлежат The Mozilla Foundation и Telefonica S.A.

Где уместен Fira Sans

Интерфейсы для телефонов и планшетов

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

Техническая документация

Курсивы во всех девяти насыщенностях подходят для выделений, а родственный моноширинный вариант — для кода.

Многоязычные продукты

Одно семейство покрывает латиницу, кириллицу, греческий и вьетнамский с тем же набором насыщенностей.

Основной текст на сайтах

У начертаний Regular и Medium открытые формы букв, поэтому абзацы остаются чёткими при обычных размерах текста.

Фирменный стиль

От Thin до Black плюс узкие родственные семейства дают полную иерархию в рамках одного рисунка.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Fira Sans

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

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

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

@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Fira Sans";
  src: url("/assets/fonts/FiraSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

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

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

<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=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

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

Только статические файлы

В архиве 18 отдельных файлов TTF, вариативного шрифта нет.

Узкие ширины — отдельные семейства

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

Четыре письменности в каждом файле

В каждом из 18 шрифтов полный набор из 2 677 глифов: латиница, кириллица, греческий и вьетнамский.

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

Подборки с Fira Sans

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

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

• Гуманистические гротески для удобного чтения

  Гротески с открытыми формами букв, в которых чувствуется перо; в абзацах, документах и интерфейсном тексте читать их удобно.

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

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

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

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

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

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