Anybody

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

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

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

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

О шрифте Anybody

Anybody — это акцидентный гротеск, построенный вокруг спрямлённых округлостей: круглые буквы вроде «o», «c» и «e» нарисованы как скруглённые прямоугольники, а на образце видны чаши «b», «d», «p» и «q» с плоскими боками. В официальных заметках говорится о вдохновении 1990-ми годами и отмечаются высокие строчные и короткие прописные, которые помогают подчеркнуть крайности ширины и насыщенности. Эти крайности задают две вариативные оси. Ширина идёт от 50 до 150, что в заметках описано как от UltraCondensed до ExtraExpanded, а насыщенность идёт от 100 до 900 с девятью именованными насыщенностями от Thin до Black. Курсивы вынесены в отдельный файл и наклонены на 10 градусов, что даёт 18 именованных экземпляров при ширине по умолчанию. В 773 глифах представлены латиница, расширенная латиница и вьетнамский. Anybody нарисовал Tyler Finck; в таблице name изготовителем указана Etcetera Type Company.

Где уместен Anybody

Плакаты с предельной шириной

При ширине 50 слово становится плотной колонкой букв, а при 150 несколько символов занимают весь лист.

Заголовки по размеру блока

Ось ширины можно подбирать, пока строка точно не заполнит баннер, карточку или колонку.

Анимированный и адаптивный шрифт

Ширина и насыщенность — непрерывные оси, поэтому заголовок может растягиваться или утолщаться при изменении макета.

Фирменный стиль в спорте, музыке и технологиях

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

Крупные цифры

Прямоугольные цифры держатся вместе в виде больших счётов, дат или цен.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Две оси

Ширину (от 50 до 150) и насыщенность (от 100 до 900) можно свободно сочетать.

Насыщенность по умолчанию — Thin

По умолчанию ось насыщенности равна 100. Если приложение открывает экземпляр по умолчанию, выбирайте более плотную насыщенность явно.

Угол наклона курсива — 10 градусов

Курсивы — отдельный вариативный файл с теми же двумя осями.

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

Подборки с Anybody

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

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

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

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