Spinnaker

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

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

• Regular 400Spinnaker Regular

О шрифте Spinnaker

Spinnaker — гротеск для акцидентного набора. Его источник, по официальным заметкам, — надписи на французских и британских плакатах, рекламировавших морские путешествия. Буквы немного шире, чем в обычном гротеске, а толщина штрихов меняется лишь слегка. В образце видны щедрые круглые «O», «C» и «G», расставленная «M» и окончания штрихов, срезанные под небольшим углом, что сохраняет след ручной надписи в остальном простом рисунке. Spinnaker нарисовала Elena Albertoni; в уведомлении об авторском праве названа Sorkin Type Co. Доступна одна насыщенность Regular, без курсива и жирного, и шрифт не вариативный. 260 глифов покрывают западноевропейскую латиницу; французский поддерживается, кроме редкой прописной Ÿ. В заметках рекомендованы средние и крупные размеры.

Где уместен Spinnaker

Плакаты о путешествиях и туризме

Рисунок восходит к надписям на плакатах о морских путешествиях, а широкие прописные заполняют строку заголовка.

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

Рекомендуемый диапазон — средние и крупные размеры, то есть как раз заголовки и вводные строки.

Береговая и морская айдентика

Название, набранное круглыми, чуть широкими прописными, напоминает надписи судоходных компаний.

Меню и вывески

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

Цитаты-врезки

Фраза или две крупным кеглем показывают скошенные окончания штрихов, исчезающие в мелком тексте.

Глифы

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

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

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

Редкие буквы, которых нет в шрифте: Французский Ÿ.

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

Лицензия

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

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

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

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

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

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

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

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

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

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

У Spinnaker только Regular 400. Для выделения нужна вторая гарнитура или смена размера.

Нарисован для средних и крупных размеров

В официальных заметках подходящим диапазоном названы средние и крупные размеры.

Западноевропейская латиница

Есть только подмножество латиницы; во французском нет редкой прописной Ÿ.

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

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

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