Alumni Sans

Попробовать Alumni Sans

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

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

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

О шрифте Alumni Sans

Alumni Sans — высокий узкий гротеск, круглые буквы которого нарисованы почти с прямыми боками. По официальным примечаниям, работа началась с одного чёрного акцидентного начертания, а затем шрифт расширили до очень тонкой насыщенности: два крайних начертания, Thin и Black, предназначены для крупных размеров, а промежуточные — для более привычного набора текста. На образце Black почти целиком заполняет букву, оставляя щелевидные просветы, а Thin — волосяная линия. Семейство устроено как вариативный шрифт с осью насыщенности от 100 до 900, поставляется одним прямым и одним курсивным файлом и содержит по девять именованных насыщенностей в каждом, то есть 18 начертаний. В 1 002 глифах — латиница, расширенная латиница, вьетнамский и кириллица. Автор шрифта — Robert Leuschke, лицензия — SIL Open Font License 1.1.

Где уместен Alumni Sans

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

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

Графика для команд, школ и мероприятий

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

Крупные светлые заголовки

Thin и ExtraLight в больших размерах рисуют заголовок волосяной линией — контраст с плотным краем той же оси.

Подзаголовки и короткий текст в плотной вёрстке

Средние насыщенности, от Regular до SemiBold, — те, что официальные примечания рекомендуют для обычного набора.

Анимация насыщенности

Непрерывная ось от 100 до 900 позволяет заголовку плавно переходить от волосяной линии к плотному блоку в моушн-графике или при наведении курсора.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Alumni Sans

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

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

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

@font-face {
  font-family: "Alumni Sans";
  src: url("/assets/fonts/AlumniSans-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alumni Sans";
  src: url("/assets/fonts/AlumniSans-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Ось начинается с Thin

Ось насыщенности идёт от 100 до 900, значение по умолчанию — 100, поэтому программы, которые игнорируют ось, показывают начертание Thin. Выбирайте насыщенность явно.

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

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

Кириллица без расширенного набора

В Alumni Sans есть подмножество кириллицы; расширенная кириллица в шрифтах представлена не полностью.

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

Подборки с Alumni Sans

• Жирные шрифты для плакатов и крупных заголовков

  Плотные и узкие акцидентные шрифты с открытой лицензией, которые видны через всю комнату: гротески, брусковые, жирные антиквы и трафаретные.

• Тонкие и волосяные шрифты для лёгких воздушных заголовков

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

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

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