Petrona

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

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

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

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

О шрифте Petrona

Petrona — антиква, построенная для текста: с высокими строчными, выраженными верхними выносными элементами и кривыми, которые почти не меняют толщину. У прописных тяжёлые асимметричные засечки и выносные элементы, срезанные под противоположными углами; эти детали придают шрифту собственный характер, не выводя его за пределы текстового жанра. По официальным заметкам, Petrona начиналась как одно прямое начертание и в 2019–2020 годах была заново нарисована в полное семейство. Прямое и курсивное начертания лежат в отдельных вариативных файлах, в каждом ось насыщенности идёт от 100 до 900, а девять именованных насыщенностей — от Thin до Black, всего 18 начертаний. В заметках перечислены капитель, лигатуры, альтернативные знаки, несколько видов цифр и дробей, а прежняя «Q» с росчерком по-прежнему доступна в стилистическом наборе 1 (Stylistic Set 1). 1 045 глифов покрывают латиницу, расширенную латиницу и вьетнамский. Проект ведёт Ringo R. Seeber, лицензия — SIL Open Font License 1.1.

Где уместен Petrona

Длинные статьи и книжный текст

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

Заголовки из того же семейства

Thin 100 и Black 900 достаточно далеко от Regular, чтобы набрать заголовок без второго шрифта.

Подписи авторов, подписи к иллюстрациям и колонтитулы

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

Журналы с единым голосом

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

Текст на вьетнамском

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Petrona";
  src: url("/assets/fonts/Petrona-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Petrona";
  src: url("/assets/fonts/Petrona-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

«Q» с росчерком — это вариант

Прежняя «Q» с хвостом-росчерком по умолчанию не используется. Её можно включить через стилистический набор 1.

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

Прямое и курсивное начертания содержат весь диапазон насыщенностей от 100 до 900. Статические экземпляры можно взять из официального источника.

Только латиница

1 045 глифов покрывают латиницу, расширенную латиницу и вьетнамский. Кириллицы и греческого нет.

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

Подборки с Petrona

• Антиквы для долгого чтения с экрана

  Текстовые антиквы, нарисованные для экранов или длинного чтения: большая высота строчных, умеренный контраст и настоящий курсив для статей, блогов и документации.

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

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