Viga

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

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

• Regular 400Viga Regular

О шрифте Viga

Viga — гротеск с сильной, компактной конструкцией. В образце буквы нарисованы из скруглённых прямоугольников: у «o», «c» и «e» плоские бока, а там, где чаша «a», «g», «d» или «q» смыкается со штрихом, линия срезана по диагонали и образует острую врезку. «a» одноэтажная, строчные высокие по сравнению с прописными, а единственное начертание, хоть и названо Regular 400, по плотности не уступает bold в большинстве семейств. В описании Viga назван гротеском, хорошо работающим на экране. Авторские права принадлежат Fontstage, а в таблице name в качестве дизайнера указан Оскар Яньес. В шрифте 271 глиф для латиницы, курсива нет, и он не вариативный. Viga добавлен в Google Fonts в 2011 году по лицензии SIL Open Font License 1.1.

Где уместен Viga

Заголовки на сайтах

Плотный Regular с высокими строчными ясно читается в заголовках, и не нужно загружать жирное начертание.

Кнопки и подписи навигации

Квадратные буквы уютно сидят в прямоугольных кнопках и вкладках.

Спортивная и игровая графика

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

Короткие посты и баннеры

Компактные плотные слова держат форму поверх фотографий на размерах ленты.

Вордмарки со строчной «a» или «g»

Чаши этих двух букв с врезками становятся узнаваемой деталью короткого названия бренда.

Глифы

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

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

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Эстонский

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Viga";
  src: url("/assets/fonts/Viga-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Viga&display=swap" rel="stylesheet">

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

Одно плотное начертание

У Viga единственный файл, помеченный как Regular 400, но нарисованный плотно. Более светлой насыщенности для текста нет.

Курсива нет

Наклонный текст браузер или программа синтезируют сами.

271 глиф

Набор символов компактный: латиница с диакритикой для западноевропейских языков.

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

Подборки с Viga

• Жирные шрифты для превью и графики в соцсетях

  Очень тяжёлые компактные акцидентные шрифты, которые остаются читаемыми на превью видео, в сторис или на картинке в ленте шириной в несколько сантиметров.

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

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