Yellowtail

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

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

• Regular 400Yellowtail Regular

О шрифте Yellowtail

Yellowtail — каллиграфический шрифт, имитирующий письмо плоской кистью. На образце штрихи почти одинаковой средней толщины сильно наклонены вправо и заканчиваются тупыми, словно срезанными концами; одни строчные соединяются с соседями, а другие стоят отдельно, благодаря чему слова остаются читаемыми. Прописная Y уходит далеко ниже базовой линии с длинным хвостом, а прописные в целом достаточно компактны, чтобы стоять перед строчными. Официальные заметки относят стиль к традиции каллиграфических гарнитур 1930-х и свободному ритму вывесочного лэттеринга. Дизайнером указан Astigmatic. Семейство состоит из одного файла Regular 400 с 371 глифом для латиницы и расширенной латиницы; это не вариативный шрифт. Yellowtail добавили в Google Fonts в 2011 году, он издаётся по лицензии Apache License 2.0.

Где уместен Yellowtail

Логотипы закусочных, мастерских и барбершопов

Мазки кисти в манере 1930-х придают названию заведения вид нарисованной витрины.

Спортивные и командные надписи

Крутой наклон и ровная толщина подходят для слова, поднимающегося вверх и подчёркнутого хвостом.

Этикетки товаров

Штрихи средней толщины остаются плотными на бутылках, банках и бирках, где тонкие каллиграфические шрифты пропали бы.

Короткие заголовки на сайтах

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

Плакаты и мерч

Плотные штрихи одинаковой толщины чётко воспроизводятся одним цветом на футболках, наклейках и плакатах.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

body {
  font-family: "Yellowtail", cursive;
}

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

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

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

Apache License 2.0

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

Одна насыщенность

Есть единственный файл Regular, без жирного и без другого наклона.

Не набирайте всё прописными

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

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

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

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