Fraunces

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

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

• Thin 100Fraunces Thin Thin Italic
• ExtraLight 200Fraunces ExtraLight ExtraLight Italic
• Light 300Fraunces Light Light Italic
• Regular 400Fraunces Regular Курсив
• Medium 500Fraunces Medium Medium Italic
• SemiBold 600Fraunces SemiBold SemiBold Italic
• Bold 700Fraunces Bold Bold Italic
• ExtraBold 800Fraunces ExtraBold ExtraBold Italic
• Black 900Fraunces Black Black Italic

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

О шрифте Fraunces

Fraunces — старостильная антиква с мягкими формами; в официальных заметках её манера возводится к шрифтам начала XX века. На образце у жирных насыщенностей вздутые округлые засечки, каплевидные окончания у «a», «c», «f» и «r» и лёгкий наклон в таких буквах, как «h», «n» и «m», а светлые насыщенности становятся тонкими и резко контрастными. У вариативных шрифтов четыре оси: насыщенность от 100 до 900, оптический размер от 9 до 144, Softness от 0 до 100, которая определяет, насколько «чернильными» выглядят формы, и Wonky — переключатель, включающий и выключающий наклонные начертания букв. У прямого начертания и курсива по девять именованных насыщенностей, всего 18 начертаний и 683 глифа, покрывающих латиницу, расширенную латиницу и вьетнамский. Fraunces нарисовали Phaedra Charles и Flavia Zimbardi, двое партнёров Undercase Type, а выпускается он под SIL Open Font License 1.1.

Где уместен Fraunces

Заголовки журналов и блогов

Ось оптического размера доходит до 144, поэтому в крупных заголовках можно использовать более тонкий и контрастный рисунок, предназначенный для акцидентных размеров.

Упаковка еды и напитков

Если поднять Softness к 100, засечки и соединения округляются, и этикетки жирных насыщенностей получают вид чернильного оттиска.

Вордмарки брендов

Ось Wonky заменяет наклонные «h», «n» и «m» прямыми, так что одно название можно набрать в причудливом или более спокойном варианте.

Цитаты и вводные абзацы

Девять курсивных насыщенностей с каплевидными окончаниями отделяют цитату от окружающего прямого текста.

Плакаты

Black 900 со вздутыми засечками и тесными просветами выдерживает короткую строку на размере плаката.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/Fraunces-Italic-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Fraunces";
  src: url("/assets/fonts/Fraunces-VariableFont_SOFT%2CWONK%2Copsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Fraunces", serif;
}

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

<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=Fraunces:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

По умолчанию ось насыщенности стоит на 900

Если открыть вариативный файл, не выбрав насыщенность, вы увидите Black, как в заголовке образца; для основного текста задайте насыщенность явно.

Wonky включена по умолчанию

У оси Wonky два положения, 0 и 1, по умолчанию стоит 1. Чтобы получить прямые формы затронутых букв, поставьте 0.

Два вариативных файла

В загрузке один вариативный файл для прямого начертания и один для курсива, в каждом все четыре оси.

Нет кириллицы и греческого

Наборы символов — только латиница, расширенная латиница и вьетнамский.

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

Подборки с Fraunces

• Шрифты для упаковки и этикеток

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

• Вариативные шрифты с осью оптического размера

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

• Вариативные шрифты с необычными осями

  Экспериментальные и выразительные вариативные шрифты с нестандартными осями: мягкость, подпрыгивание, небрежность, трансформация, поворот, градация и другие.

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

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