Przeglądarka fontów zmiennych

Podgląd i regulacja osi fontu zmiennego online

Roboto Flex3 osie

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

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

Wygenerowany 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

Wyświetlaj fonty zmienne bezpośrednio w przeglądarce. Prześlij lokalny plik TTF lub OTF i sprawdź jego osie wariacji.

Reguluj wagę, szerokość, rozmiar optyczny, pochylenie i osie niestandardowe za pomocą suwaków. Skopiuj CSS font-variation-settings do swojego projektu.

Ta strona jest pierwszym krokiem do przyszłego zestawu narzędzi Python dla fontów zmiennych.

  • Wyświetlaj fonty zmienne bezpośrednio w przeglądarce.
  • Prześlij lokalny plik TTF lub OTF i sprawdź jego osie wariacji.
  • Reguluj wagę, szerokość, rozmiar optyczny, pochylenie i osie niestandardowe za pomocą suwaków.
  • Skopiuj CSS font-variation-settings do swojego projektu.

Przeglądarka fontów zmiennych

  • Wybierz font przykładowy albo prześlij własny font zmienny.
  • Sprawdź wykryte osie, takie jak waga, szerokość lub rozmiar optyczny.
  • Przesuń suwaki albo wybierz nazwaną instancję.
  • Edytuj tekst i rozmiar podglądu, aby wykonać realistyczny test.
  • Skopiuj wygenerowany CSS i użyj go na swojej stronie.

  • Przeglądarka fontów zmiennychWyświetlaj fonty zmienne bezpośrednio w przeglądarce. Reguluj wagę, szerokość, rozmiar optyczny, pochylenie i osie niestandardowe za pomocą suwaków.
  • Przeglądarka fontów zmiennychWybierz font przykładowy albo prześlij własny font zmienny. Sprawdź wykryte osie, takie jak waga, szerokość lub rozmiar optyczny.
  • Prześlij font zmiennyPrześlij lokalny plik TTF lub OTF i sprawdź jego osie wariacji.
  • Wygenerowany CSSSkopiuj CSS font-variation-settings do swojego projektu.
  • Reguluj wagę, szerokość, rozmiar optyczny, pochylenie i osie niestandardowe za pomocą suwaków

    Reguluj wagę, szerokość, rozmiar optyczny, pochylenie i osie niestandardowe za pomocą suwaków.
  • Prześlij lokalny plik TTF lub OTF i sprawdź jego osie wariacji

    Prześlij lokalny plik TTF lub OTF i sprawdź jego osie wariacji.
  • Skopiuj CSS font-variation-settings do swojego projektu

    Skopiuj CSS font-variation-settings do swojego projektu.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.