Varela

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

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

• Regular 400Varela Regular

О шрифте Varela

Varela — гротеск с широкими открытыми формами букв и штрихами почти одинаковой толщины. Его отличительная деталь, названная в официальном описании и видная на образце, — вертикальный срез, которым заканчиваются изогнутые штрихи строчных a, c, e, g и s и прописных C, G, J и S; у многих гротесков здесь горизонтальное или косое окончание. Строчные высокие, прописные широкие, а круглые буквы близки к окружности, что придаёт строкам ровный, спокойный ритм. Семейство состоит из одного шрифта Regular 400, без курсива и полужирного; в нём 831 глиф, покрывающий латиницу и расширенную латиницу. Нарисовал его Joe Prince, а в уведомлении об авторских правах добавлено название Admix Designs. В описании рисунок представлен как достаточно простой и для мелкого текста, и для заголовков и пунктов меню.

Где уместен Varela

Навигация и пункты меню

Широкие буквы с высокими строчными остаются чёткими в коротких подписях интерфейса; такое применение прямо названо в официальном описании.

Заголовки в простой вёрстке

Почти круглые закругления и вертикально срезанные окончания штрихов придают заголовку спокойную ровную фактуру без лишнего украшательства.

Короткие абзацы и подписи

Простой Regular подходит для абзаца или подписи; в длинных документах не хватает полужирного и курсива.

Вордмарки строчными

Вертикальные срезы в a, c, e и s выстраиваются вдоль слова и работают как небольшой повторяющийся мотив в названии.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Только одно начертание

У Varela есть только Regular 400. Выделять придётся размером, цветом или вторым семейством, либо искусственным полужирным и курсивом, которые создаёт браузер.

Широкая посадка

Буквы широкие, поэтому строка Varela занимает больше места, чем тот же текст более узким гротеском.

Зарезервированное имя шрифта

В уведомлении о лицензии название Varela зарезервировано за оригиналом; изменённой версии нужно другое имя.

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

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

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