Abel

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

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

• Regular 400Abel Regular

О шрифте Abel

Abel — узкий гротеск, у которого круглые буквы имеют прямые вертикальные стороны, поэтому «o», «c» и «e» выглядят как высокие скруглённые прямоугольники. Толщина штрихов везде одинакова, и для заголовочного шрифта она небольшая. Официальное описание относит рисунок к традиции узких шрифтов с прямыми сторонами, которые впервые применяли в газетных заголовках и на плакатах, и отмечает, что ровный штрих позволяет использовать шрифт и в мелком тексте на сайтах. У Abel единственное начертание, Regular 400, без жирного и курсивного. В шрифте 251 глиф в подмножестве Latin — этого хватает для английского, французского, немецкого, испанского, итальянского, португальского, нидерландского и скандинавских языков. Дизайнером указана MADType, а в уведомлении об авторских правах назван Matthew Desmond. Abel добавлен в Google Fonts в 2011 году под лицензией SIL Open Font License 1.1.

Где уместен Abel

Заголовки в узких колонках

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

Панели навигации и меню

Единственная светлая насыщенность придаёт пунктам меню спокойную ровную фактуру, когда рядом стоит несколько подписей.

Плакаты с большим объёмом текста

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

Подписи и короткие заметки

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

Глифы

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

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

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Эстонский

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Abel";
  src: url("/assets/fonts/Abel-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Abel&display=swap" rel="stylesheet">

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

Единственное начертание

У Abel только Regular 400. Жирного и курсивного начертаний нет, и программы сымитируют их искусственно, если попросить.

Только подмножество Latin

В 251 глифе нет букв для турецкого, польского, чешского и вьетнамского языков, а кириллицы и греческого тоже нет.

Зарезервированное имя шрифта

В уведомлении об авторских правах зарезервировано имя Abel, поэтому изменённую версию нужно переименовать, если нет разрешения.

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

Подборки с Abel

• Узкие шрифты для заголовков

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

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

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