TikTok Sans

Попробовать TikTok Sans

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

• Light 300TikTok Sans Light
• Regular 400TikTok Sans Regular
• Medium 500TikTok Sans Medium
• SemiBold 600TikTok Sans SemiBold
• Bold 700TikTok Sans Bold
• ExtraBold 800TikTok Sans ExtraBold
• Black 900TikTok Sans Black

TikTok Sans — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в одном файле, а названные выше насыщенности — точки в этом диапазоне. Отдельного файла с курсивом нет: наклонные начертания задаются осью «Наклон».

О шрифте TikTok Sans

TikTok Sans — это гротеск, поставляемый одним вариативным файлом с четырьмя осями. Насыщенность идёт от Light 300 до Black 900 в семи именованных ступенях. Ширина идёт от 75 до 150, от узкой до широкой. Оптический размер идёт от 12 до 36, а ось наклона отклоняет буквы до 6 градусов и заменяет отдельный курсив; если считать прямую и наклонную версии каждой насыщенности, получается 14 начертаний. На образце формы букв простые и плотно посаженные: кривые «a», «c», «e» и «s» сходятся, «a» двухэтажная, окончания штрихов плоские и горизонтальные, цифры имеют прямые бока, а кавычки прямые и без сужения. В шрифте 1 178 глифов для латиницы, расширенной латиницы, кириллицы, греческого и вьетнамского. Авторами указаны Grilli Type, Contrast Foundry и Type Network, а в уведомлении об авторских правах назван TikTok Inc. Лицензия — SIL Open Font License 1.1.

Где уместен TikTok Sans

Интерфейсы приложений и продуктов

Ось оптического размера от 12 до 36 подстраивает буквы и под мелкие подписи, и под крупные заголовки в одном интерфейсе.

Подписи поверх видео

Сужение ширины к 75 помещает длинную подпись на экран телефона, а плотный конец оси насыщенности не даёт ей потеряться на фоне кадров.

Широкие заголовки

Значения ширины до 150 растягивают короткий заголовок на весь баннер без смены семейства.

Интерфейсы на нескольких письменностях

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

Системы фирменного стиля из одного файла

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

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к TikTok Sans

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

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

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

@font-face {
  font-family: "TikTok Sans";
  src: url("/assets/fonts/TikTokSans-VariableFont_opsz%2Cslnt%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

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

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

<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=TikTok+Sans:wght@300..900&display=swap" rel="stylesheet">

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

Наклон, а не отдельный курсив

Курсивные начертания даёт ось наклона от 0 до -6. Отдельно нарисованного курсивного файла нет.

Самая светлая насыщенность — 300

Ось насыщенности начинается с Light 300; насыщенностей Thin и ExtraLight нет.

Проверьте значения по умолчанию

Экземпляр файла по умолчанию имеет насыщенность 300 при оптическом размере 36, поэтому нужную насыщенность задавайте явно.

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

Подборки с TikTok Sans

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

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

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

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