Visualizador de fontes variáveis

Pré-visualize e ajuste eixos de fontes variáveis online

Roboto Flex3 eixos

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

Tamanho da fonte

Altura da linha

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

CSS gerado

.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é-visualize fontes variáveis diretamente no navegador. Carregue um arquivo TTF ou OTF local e inspecione seus eixos de variação.
Ajuste peso, largura, tamanho óptico, inclinação e eixos personalizados com controles ao vivo. Copie o CSS font-variation-settings para seu projeto.
Esta página é o primeiro passo para uma futura cadeia de ferramentas de fontes variáveis com Python.

Pré-visualize fontes variáveis diretamente no navegador.
Carregue um arquivo TTF ou OTF local e inspecione seus eixos de variação.
Ajuste peso, largura, tamanho óptico, inclinação e eixos personalizados com controles ao vivo.
Copie o CSS font-variation-settings para seu projeto.

Visualizador de fontes variáveis

Escolha uma fonte de exemplo ou carregue sua própria fonte variável.
Revise os eixos detectados, como peso, largura ou tamanho óptico.
Mova os controles ou escolha uma instância nomeada.
Edite o texto e o tamanho da pré-visualização para um teste realista.
Copie o CSS gerado e use-o em sua página.

Visualizador de fontes variáveisPré-visualize fontes variáveis diretamente no navegador. Ajuste peso, largura, tamanho óptico, inclinação e eixos personalizados com controles ao vivo.
Visualizador de fontes variáveisEscolha uma fonte de exemplo ou carregue sua própria fonte variável. Revise os eixos detectados, como peso, largura ou tamanho óptico.
Carregar fonte variávelCarregue um arquivo TTF ou OTF local e inspecione seus eixos de variação.
CSS geradoCopie o CSS font-variation-settings para seu projeto.

Ajuste peso, largura, tamanho óptico, inclinação e eixos personalizados com controles ao vivo
Ajuste peso, largura, tamanho óptico, inclinação e eixos personalizados com controles ao vivo.
Carregue um arquivo TTF ou OTF local e inspecione seus eixos de variação
Carregue um arquivo TTF ou OTF local e inspecione seus eixos de variação.
Copie o CSS font-variation-settings para seu projeto
Copie o CSS font-variation-settings para seu projeto.