Varta

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

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

• Light 300Varta Light
• Regular 400Varta Regular
• Medium 500Varta Medium
• SemiBold 600Varta SemiBold
• Bold 700Varta Bold

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

О шрифте Varta

Varta — семейство гротесков, рассчитанное на чёткость в мелких размерах на экранах и с низким, и с высоким разрешением. На образце видно слегка узкое гуманистическое построение: штрихи немного утончаются в местах стыка изгибов со штамбами, «a» двухэтажная, а «g» одноэтажная, строчные высокие по сравнению с прописными. Семейство — вариативный шрифт с осью насыщенности от 300 до 700 и пятью именованными насыщенностями: Light, Regular, Medium, SemiBold и Bold, все прямые. 784 глифа покрывают латиницу, расширенную латиницу и вьетнамский. Среди назначений авторы называют вывески, редакционную вёрстку, упаковку и длительное чтение с экрана. Авторами указаны Joana Correia, Viktoriya Grabowska и Eben Sorkin, издатель — Sorkin Type, лицензия — SIL Open Font License 1.1.

Где уместен Varta

Навигация и системы указателей

Узкое построение и высокие строчные позволяют уместить длинные названия мест на указателе — одно из назначений, названных авторами.

Мелкий текст на экранах с низким разрешением

Задача при разработке — читаемость вплоть до мелких размеров как на плохих, так и на хороших дисплеях.

Редакционная вёрстка

Пять насыщенностей между Light и Bold разделяют заголовки, лиды, подписи и основной текст в одном семействе.

Тексты на упаковке

Составы и инструкции, набранные светлыми насыщенностями, остаются компактными благодаря слегка узким буквам.

Продукты на вьетнамском

Вьетнамский входит в набор из 784 глифов наряду с расширенной латиницей.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Varta";
  src: url("/assets/fonts/Varta-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Varta:wght@300..700&display=swap" rel="stylesheet">

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

Без курсива

Все пять начертаний прямые. Для выделения семейство предлагает насыщенность, а не наклон.

Ось насыщенности заканчивается на 700

Вариативная ось идёт от 300 до 700; Thin нет и нет ничего жирнее Bold.

Один вариативный файл

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

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

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

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