Herramientas gratuitas
Español
Fuente tipográfica · CSS · Generador
Fuente tipográfica · CSS · Generador. Entradas: Nombre, URL, Modo, Peso. Introduce los valores y ejecuta. Usa el ejemplo para conocer el formato y copia o guarda el resultado.
Sin cuenta
Cargando herramienta…
Cómo usar
- 1Entradas: Nombre, URL, Modo, Peso.
- 2Ejecuta la herramienta y revisa el resultado.
- 3Copia el resultado o cambia los datos para comparar.
A tener en cuenta
Revisa primero el formato del ejemplo. Conserva el original y comprueba valores, espacios y saltos de línea antes de usar el resultado.
Los anuncios pueden procesar datos de conexión. La personalización respeta tus opciones de privacidad. Privacidad (inglés)
Ejemplo calculado de entrada y salida
Resultados del motor real con los valores de ejemplo, sin datos personales ni trabajos guardados. Carga el ejemplo en la herramienta para ver las mismas entradas.
Entrada de ejemplo
| Campo | Valor |
|---|---|
| Nombre | My Font |
| URL | /fonts/font.woff2 |
| Modo | WOFF2 |
| Peso | 400 |
Resultado de ejemplo
@font-face {
font-family: "My Font";
src: url("/fonts/font.woff2") format("woff2");
font-weight: 400;
font-display: swap;
}Requisitos de entrada
Estos son límites reales de validación, no una garantía de que todo valor aceptado sea realista o aplicable a tu caso.
- Modo: Opciones disponibles: WOFF2 / WOFF
- Peso: Rango admitido: 1 ≤ x ≤ 1000 · Solo enteros