Georama

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

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

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

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

О шрифте Georama

Georama — это гротеск с открытыми формами букв и высокими строчными: на образце шрифта Thin выглядит как волосяная линия, а самые жирные насыщенности становятся компактными и тёмными. Главная особенность шрифта — широкий диапазон. Два вариативных файла, прямой и курсивный, несут ось насыщенности от 100 до 900 и ось ширины от 62,5 до 150, так что одно семейство проходит путь от узких букв до широких. По умолчанию обе оси стоят на минимуме — насыщенность Thin при самой узкой ширине, поэтому значения нужно задавать явно. Девять именованных насыщенностей от Thin до Black с курсивом дают 18 начертаний на каждую ширину. В 1 070 глифов входят латиница, расширенная латиница и вьетнамский; в официальном описании сказано, что набор глифов Google Fonts Latin Plus поддерживается. В карточке указана студия Production Type, в таблице name автором назван Jean-Baptiste Levee, а лицензия — SIL Open Font License 1.1.

Где уместен Georama

Заголовки по ширине блока

Ось ширины от 62,5 до 150 позволяет сузить или расширить заголовок, пока он не заполнит строку.

Издательские системы

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

Плакаты с экстремальными пропорциями

Black при самой узкой ширине и Thin при самой широкой доступны из одних и тех же файлов.

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

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

Адаптивные веб-макеты

Ширину и насыщенность можно менять для каждой точки перелома в CSS, ведь обе — вариативные оси.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

По умолчанию стоят минимумы

Экземпляр по умолчанию — насыщенность 100 при ширине 62,5. Чтобы получить Regular при обычной ширине, задайте font-weight и font-stretch явно.

Ширина от 62,5 до 150

Ось охватывает узкие и широкие настройки; 100 — обычная ширина.

Только вариативные файлы

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

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

Подборки с Georama

• Вариативные шрифты с осью ширины

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

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

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