Archivo

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

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

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

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

О шрифте Archivo

Archivo — семейство гротесков, которое сначала рисовали для выделений и заголовков; по духу оно напоминает американские шрифты конца 1800-х годов. На образце штрихи плотные и почти одной толщины, закруглённые буквы вроде c, e и s заканчиваются ровными горизонтальными срезами, а строчные высокие по сравнению с прописными. В 2021 году семейство стало вариативным шрифтом с двумя осями: насыщенность от 100 до 900 и ширина от 62 до 125, то есть от сверхузкого до расширенного рисунка. И у прямого начертания, и у курсива по девять именованных насыщенностей, всего 18 начертаний. В шрифтах 823 глифа, покрыты латиница, расширенная латиница и вьетнамский. Авторами названы Héctor Gatti и команда Omnibus-Type, файлы выпущены под SIL Open Font License 1.1.

Где уместен Archivo

Заголовки, которые должны уместиться в колонку

Ось ширины опускается до 62, поэтому длинный заголовок можно сузить до нужного размера, не меняя семейства.

Фирменный стиль из одного файла

Насыщенность от 100 до 900 и ширина от 62 до 125 собраны в одном вариативном шрифте, которого хватает на логотип, заголовки и мелкий текст.

Текст в интерфейсах

Высокие строчные и ровные штрихи, заметные на образце, сохраняют читаемость Regular и Medium в кнопках, меню и подписях.

Печатная и веб-версии одного макета

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

Сайты на вьетнамском и европейских языках

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

По умолчанию задан SemiBold

У оси насыщенности значение по умолчанию равно 600. Программы, которые не читают вариативные оси, могут показать SemiBold там, где ожидается Regular.

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

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

Ширина от 62 до 125

Значение 100 соответствует обычной ширине. Меньшие значения сужают буквы, большие — расширяют.

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

Подборки с Archivo

• Шрифты для презентаций и слайдов

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

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

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

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

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