Ferramentas gratuitas
Português
Fonte · CSS · Gerador
Fonte · CSS · Gerador. Entradas: Nome, URL, Modo, Peso. Informe os valores e execute. Use o exemplo para ver o formato e copie ou salve o resultado.
Sem cadastro
Carregando ferramenta…
Como usar
- 1Entradas: Nome, URL, Modo, Peso.
- 2Execute a ferramenta e confira o resultado.
- 3Copie o resultado ou mude os dados para comparar.
Saiba mais
Confira primeiro o formato do exemplo. Guarde o original e verifique valores, espaços e quebras antes de usar o resultado.
Os anúncios podem processar dados de conexão. A personalização segue suas escolhas de privacidade. Privacidade (inglês)
Exemplo calculado de entrada e saída
Resultados do motor real com os valores abaixo, sem dados pessoais ou trabalhos salvos. Carregue o exemplo na ferramenta para conferir as mesmas entradas.
Entrada de exemplo
| Campo | Valor |
|---|---|
| Nome | My Font |
| URL | /fonts/font.woff2 |
| Modo | WOFF2 |
| Peso | 400 |
Resultado de exemplo
@font-face {
font-family: "My Font";
src: url("/fonts/font.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}Condições de entrada
São limites reais de validação, sem garantir que todo valor aceito seja realista ou adequado ao seu caso.
- Modo: Opções disponíveis: WOFF2 / WOFF
- Peso: Faixa aceita: 1 ≤ x ≤ 1.000 · Somente inteiros