Переглядач варіативних шрифтів

Переглядайте й налаштовуйте осі варіативного шрифту онлайн

Roboto Flex3 осі

A flexible sans-serif variable font with optical size, weight, and width axes.

Variable fonts let one file behave like an entire type family.

Згенерований CSS

.variable-preview {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 64px;
  line-height: 1.15;
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-optical-sizing: none;
  font-synthesis: none;
  font-variation-settings: 'opsz' 14, 'wght' 400, 'wdth' 100;
}

Aspose.FontAspose.Font Web Applications

Переглядайте варіативні шрифти прямо в браузері. Завантажте локальний TTF або OTF файл і перевірте його осі варіації.

Налаштовуйте насиченість, ширину, оптичний розмір, нахил і власні осі живими повзунками. Скопіюйте CSS font-variation-settings для свого проєкту.

Ця сторінка є першим етапом майбутнього Python-інструментарію для варіативних шрифтів.

  • Переглядайте варіативні шрифти прямо в браузері.
  • Завантажте локальний TTF або OTF файл і перевірте його осі варіації.
  • Налаштовуйте насиченість, ширину, оптичний розмір, нахил і власні осі живими повзунками.
  • Скопіюйте CSS font-variation-settings для свого проєкту.

Переглядач варіативних шрифтів

  • Виберіть зразок шрифту або завантажте власний варіативний шрифт.
  • Перегляньте знайдені осі, як-от насиченість, ширину чи оптичний розмір.
  • Рухайте повзунки або виберіть іменований екземпляр.
  • Змініть текст і розмір попереднього перегляду для реалістичного тесту.
  • Скопіюйте згенерований CSS і використайте його на сторінці.

  • Переглядач варіативних шрифтівПереглядайте варіативні шрифти прямо в браузері. Налаштовуйте насиченість, ширину, оптичний розмір, нахил і власні осі живими повзунками.
  • Переглядач варіативних шрифтівВиберіть зразок шрифту або завантажте власний варіативний шрифт. Перегляньте знайдені осі, як-от насиченість, ширину чи оптичний розмір.
  • Завантажити варіативний шрифтЗавантажте локальний TTF або OTF файл і перевірте його осі варіації.
  • Згенерований CSSСкопіюйте CSS font-variation-settings для свого проєкту.
  • Налаштовуйте насиченість, ширину, оптичний розмір, нахил і власні осі живими повзунками

    Налаштовуйте насиченість, ширину, оптичний розмір, нахил і власні осі живими повзунками.
  • Завантажте локальний TTF або OTF файл і перевірте його осі варіації

    Завантажте локальний TTF або OTF файл і перевірте його осі варіації.
  • Скопіюйте CSS font-variation-settings для свого проєкту

    Скопіюйте CSS font-variation-settings для свого проєкту.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.