Tienne

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

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

• Regular 400Tienne Regular
• Bold 700Tienne Bold
• Black 900Tienne Black

О шрифте Tienne

Tienne — семейство антикв, нарисованное для текста и заголовков в браузерах на экранах компьютеров и мобильных устройств. Vernon Adams создал его интерполяцией между Droid Serif и Artifika, двумя семействами с открытой лицензией, что разрешает Open Font License. В образце буквы широкие, строчные высокие, контраст между толстыми и тонкими штрихами умеренный, а засечки короткие, тупые и с плавными скруглениями, поэтому слова остаются цельными и в мелком размере. В семействе три прямых начертания: Regular 400, Bold 700 и Black 900. Курсивов и вариативных осей нет. В каждом шрифте 350 глифов подмножества латиницы; этого достаточно для английского, французского, немецкого и испанского, а также для польского, чешского и венгерского. Tienne распространяется под лицензией SIL Open Font License 1.1.

Где уместен Tienne

Текст блогов и статей

Высокие строчные и тупые засечки со скруглениями делают Regular читаемым в абзацах на экранах телефонов и ноутбуков.

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

Bold 700 и Black 900 заметно темнее Regular, поэтому заголовки и основной текст можно набирать одной антиквой.

Цитаты-врезки и подзаголовки-анонсы

Black 900, набранный на несколько размеров крупнее основного текста, выделяет цитату без второй гарнитуры.

Страницы на языках Центральной Европы

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

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

<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=Tienne:wght@400;700;900&display=swap" rel="stylesheet">

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

Нет курсивов

В Tienne три прямых шрифта. Если запросить курсив, браузер искусственно наклонит прямое начертание.

Пропуск между 400 и 700

Medium и SemiBold нет; шаги такие: Regular, Bold и Black.

Только статические файлы

В архиве три отдельных файла TTF, вариативного шрифта нет.

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

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

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