Просмотрщик вариативных шрифтов

Просматривайте и настраивайте оси вариативного шрифта онлайн

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.