Visionneuse de polices variables

Prévisualisez et ajustez les axes de police variable en ligne

Roboto Flex3 axes

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

Taille de police

Hauteur de ligne

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

CSS généré

.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

Prévisualisez les polices variables directement dans le navigateur. Importez un fichier TTF ou OTF local et inspectez ses axes de variation.
Ajustez graisse, largeur, taille optique, inclinaison et axes personnalisés avec des curseurs en direct. Copiez le CSS font-variation-settings pour votre projet.
Cette page est la première étape vers une future chaîne d’outils de polices variables avec Python.

Prévisualisez les polices variables directement dans le navigateur.
Importez un fichier TTF ou OTF local et inspectez ses axes de variation.
Ajustez graisse, largeur, taille optique, inclinaison et axes personnalisés avec des curseurs en direct.
Copiez le CSS font-variation-settings pour votre projet.

Visionneuse de polices variables

Choisissez une police d’exemple ou importez votre police variable.
Consultez les axes détectés comme la graisse, la largeur ou la taille optique.
Déplacez les curseurs ou choisissez une instance nommée.
Modifiez le texte et la taille de prévisualisation pour un test réaliste.
Copiez le CSS généré et utilisez-le dans votre page.

Visionneuse de polices variablesPrévisualisez les polices variables directement dans le navigateur. Ajustez graisse, largeur, taille optique, inclinaison et axes personnalisés avec des curseurs en direct.
Visionneuse de polices variablesChoisissez une police d’exemple ou importez votre police variable. Consultez les axes détectés comme la graisse, la largeur ou la taille optique.
Importer une police variableImportez un fichier TTF ou OTF local et inspectez ses axes de variation.
CSS généréCopiez le CSS font-variation-settings pour votre projet.

Ajustez graisse, largeur, taille optique, inclinaison et axes personnalisés avec des curseurs en direct
Ajustez graisse, largeur, taille optique, inclinaison et axes personnalisés avec des curseurs en direct.
Importez un fichier TTF ou OTF local et inspectez ses axes de variation
Importez un fichier TTF ou OTF local et inspectez ses axes de variation.
Copiez le CSS font-variation-settings pour votre projet
Copiez le CSS font-variation-settings pour votre projet.