Asap Condensed

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

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

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

О шрифте Asap Condensed

Asap Condensed — узкий гротеск, у которого окончания штрихов и углы слегка скруглены; на образце это видно по вершинам таких букв, как A, k и v. Буквы высокие и плотно поставлены, у «a» двухэтажная форма, а цифры так же узки, как прописные. В семействе восемь насыщенностей, от ExtraLight 200 до Black 900, и курсив для каждой: 16 начертаний в отдельных статических файлах. Шрифт не вариативный. В каждом шрифте 786 глифов, они покрывают латиницу, расширенную латиницу и вьетнамский. Официальные заметки называют Asap гарнитурой для экрана и настольных приложений, выведенной из Ancha — шрифта Pablo Cosgaya и Hector Gatti при участии Andrés Torresi. Omnibus-Type выпускает семейство по SIL Open Font License 1.1.

Где уместен Asap Condensed

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

Узкие буквы вмещают в строку больше знаков, а ExtraBold и Black сохраняют короткий заголовок достаточно тяжёлым, чтобы открывать страницу.

Таблицы и панели управления

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

Навигация и подписи на телефонах

Regular и Medium удерживают пункты меню и подписи вкладок в одной строке там, где гротеск обычной ширины перенёсся бы.

Подписи и врезки

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

Макеты на Asap

У Asap Condensed те же скруглённые углы, что и у Asap, поэтому он может заменить его там, где обычной ширины не хватает места.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

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

В загрузке 16 отдельных файлов, по одному на начертание. Вариативной версии Asap Condensed в этом пакете нет.

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

Самое светлое начертание — ExtraLight 200; Thin 100 нет.

Вьетнамский охвачен

Кроме латиницы и расширенной латиницы, в шрифтах есть вьетнамский набор символов.

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

Подборки с Asap Condensed

• Узкие гротески для таблиц и плотной вёрстки

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

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

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