Asap

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

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

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

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

О шрифте Asap

Asap — семейство гротесков, название которого расшифровывается как «as soon as possible» («как можно скорее»). Углы и окончания штрихов слегка скруглены — это видно на образце по основаниям «A» и концам «v», «w» и «y», — а общие формы остаются открытыми и прямыми. В официальных заметках сказано, что у начертаний единая ширина знаков, поэтому длина строки не меняется при смене начертания. Вариативным Asap стал в 2021 году, а в октябре 2022 года получил ось ширины и расширенный диапазон насыщенности: теперь насыщенность идёт от 100 до 900, а ширина — от 75 до 125. Девять именованных насыщенностей с курсивами дают 18 начертаний. В шрифтах 788 глифов с латиницей, расширенной латиницей и вьетнамским. Asap происходит от Ancha — гарнитуры Pablo Cosgaya и Hector Gatti.

Где уместен Asap

Интерфейсы, где выделение не должно сдвигать вёрстку

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

Адаптивные заголовки

Ось ширины от 75 до 125 позволяет сжимать заголовок на телефоне и расширять на компьютере, не меняя файл шрифта.

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

Открытые формы букв и смягчённые углы, заметные на образце, придают начертанию Regular ровную фактуру в абзацах.

Фирменная типографика

От Thin 100 до Black 900 с курсивами — этого хватает для крупных строк, подзаголовков и юридического мелкого шрифта в одном голосе.

Сайты на вьетнамском

В 788 глифах есть составные диакритические знаки, нужные вьетнамскому.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

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

Прямое начертание и курсив — по одному вариативному файлу с осями насыщенности и ширины. Статических файлов в пакете нет.

Ось ширины от 75 до 125

Значение 100 — обычная ширина; 75 — узкая, 125 — широкая.

Узкое семейство выпускается отдельно

Asap Condensed опубликован как отдельное семейство статических файлов.

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

Подборки с Asap

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

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

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

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