Familjen Grotesk

Попробовать Familjen Grotesk

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

• Regular 400Familjen Grotesk Regular Курсив
• Medium 500Familjen Grotesk Medium Medium Italic
• SemiBold 600Familjen Grotesk SemiBold SemiBold Italic
• Bold 700Familjen Grotesk Bold Bold Italic

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

О шрифте Familjen Grotesk

Familjen Grotesk — гротеск в классической традиции: крупные строчные, довольно закрытые раскрытия и крепкие прописные. Отличают его врезки, или компенсационные врезки, прорезанные в местах стыка штрихов: в размерах для заголовков они выглядят как намеренная деталь, а в мелких не дают стыкам забиваться. На образце видны также однопалубная a и j с широким изогнутым хвостом. Семейство — вариативный шрифт с осью насыщенности от 400 до 700, в одном прямом и одном курсивном файле, и в каждом по четыре именованные насыщенности: Regular, Medium, SemiBold и Bold, то есть восемь начертаний. В нём 696 глифов для латиницы, расширенной латиницы и вьетнамского. В каталоге автором указана Familjen STHLM AB; в таблице name дизайнерами названы Anders Wikstroem, Jonas Baeckman, Matilda Gysing и Kristian Moeller.

Где уместен Familjen Grotesk

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

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

Крупные редакционные заголовки

В размерах для заголовков врезки в местах стыка становятся заметной чертой букв.

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

Крупные строчные и насыщенности Regular и Medium, у каждой из которых есть курсив, покрывают абзацы, акценты и подписи.

Текст интерфейса в мелких размерах

Врезки сохраняют стыки открытыми там, где на экранах низкого разрешения штрихи иначе слиплись бы.

Глифы

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

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

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

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

Лицензия

Шрифты в пару к Familjen Grotesk

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

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

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

@font-face {
  font-family: "Familjen Grotesk";
  src: url("/assets/fonts/FamiljenGrotesk-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("/assets/fonts/FamiljenGrotesk-VariableFont_wght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Familjen+Grotesk:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">

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

Нет насыщенностей светлее Regular

Ось начинается с 400 и заканчивается на 700. Начертаний Light и Black в Familjen Grotesk нет.

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

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

Однопалубная a

Строчная a на образце круглая, однопалубная, и это меняет фактуру текста по сравнению с двухэтажной «a».

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

Подборки с Familjen Grotesk

• Гротески

  Гротески и неогротески: простые, крепкие, чуть неровные рабочие шрифты для брендинга, изданий и интерфейсов.

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

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