Visor de fuentes variables

Previsualiza y ajusta ejes de fuentes variables en línea

Roboto Flex3 ejes

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

Tamaño de fuente

Altura de línea

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

CSS generado

.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.Font Web Applications

Buy

Previsualiza fuentes variables directamente en el navegador. Sube un archivo TTF u OTF local e inspecciona sus ejes de variación.
Ajusta peso, ancho, tamaño óptico, inclinación y ejes personalizados con controles en vivo. Copia CSS font-variation-settings para tu proyecto.
Esta página es el primer paso hacia una futura cadena de herramientas de fuentes variables con Python.

Previsualiza fuentes variables directamente en el navegador.
Sube un archivo TTF u OTF local e inspecciona sus ejes de variación.
Ajusta peso, ancho, tamaño óptico, inclinación y ejes personalizados con controles en vivo.
Copia CSS font-variation-settings para tu proyecto.

Visor de fuentes variables

Elige una fuente de ejemplo o sube tu propia fuente variable.
Revisa los ejes detectados, como peso, ancho o tamaño óptico.
Mueve los controles o elige una instancia con nombre.
Edita el texto y el tamaño de la vista previa para una prueba realista.
Copia el CSS generado y úsalo en tu página.

Visor de fuentes variablesPrevisualiza fuentes variables directamente en el navegador. Ajusta peso, ancho, tamaño óptico, inclinación y ejes personalizados con controles en vivo.
Visor de fuentes variablesElige una fuente de ejemplo o sube tu propia fuente variable. Revisa los ejes detectados, como peso, ancho o tamaño óptico.
Subir fuente variableSube un archivo TTF u OTF local e inspecciona sus ejes de variación.
CSS generadoCopia CSS font-variation-settings para tu proyecto.

Ajusta peso, ancho, tamaño óptico, inclinación y ejes personalizados con controles en vivo
Ajusta peso, ancho, tamaño óptico, inclinación y ejes personalizados con controles en vivo.
Sube un archivo TTF u OTF local e inspecciona sus ejes de variación
Sube un archivo TTF u OTF local e inspecciona sus ejes de variación.
Copia CSS font-variation-settings para tu proyecto
Copia CSS font-variation-settings para tu proyecto.