Visualizzatore di font variabili

Anteprima e regolazione degli assi dei font variabili online

Roboto Flex3 assi

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 generato

.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

Visualizza i font variabili direttamente nel browser. Carica un file TTF o OTF locale e ispeziona i suoi assi di variazione.

Regola peso, larghezza, dimensione ottica, inclinazione e assi personalizzati con slider live. Copia il CSS font-variation-settings per il tuo progetto.

Questa pagina è il primo passo verso una futura toolchain Python per font variabili.

  • Visualizza i font variabili direttamente nel browser.
  • Carica un file TTF o OTF locale e ispeziona i suoi assi di variazione.
  • Regola peso, larghezza, dimensione ottica, inclinazione e assi personalizzati con slider live.
  • Copia il CSS font-variation-settings per il tuo progetto.

Visualizzatore di font variabili

  • Scegli un font di esempio o carica il tuo font variabile.
  • Controlla gli assi rilevati come peso, larghezza o dimensione ottica.
  • Sposta gli slider o scegli un’istanza con nome.
  • Modifica testo e dimensione dell’anteprima per un test realistico.
  • Copia il CSS generato e usalo nella tua pagina.

  • Visualizzatore di font variabiliVisualizza i font variabili direttamente nel browser. Regola peso, larghezza, dimensione ottica, inclinazione e assi personalizzati con slider live.
  • Visualizzatore di font variabiliScegli un font di esempio o carica il tuo font variabile. Controlla gli assi rilevati come peso, larghezza o dimensione ottica.
  • Carica font variabileCarica un file TTF o OTF locale e ispeziona i suoi assi di variazione.
  • CSS generatoCopia il CSS font-variation-settings per il tuo progetto.
  • Regola peso, larghezza, dimensione ottica, inclinazione e assi personalizzati con slider live

    Regola peso, larghezza, dimensione ottica, inclinazione e assi personalizzati con slider live.
  • Carica un file TTF o OTF locale e ispeziona i suoi assi di variazione

    Carica un file TTF o OTF locale e ispeziona i suoi assi di variazione.
  • Copia il CSS font-variation-settings per il tuo progetto

    Copia il CSS font-variation-settings per il tuo progetto.
© Aspose Pty Ltd 2001-2026. All Rights Reserved.