Estructura de carpetas completa
Las URL generadas coinciden con el directorio de fuentes incluido.
Generador de fuentes web
Empaquete archivos de fuentes con CSS listo para usar y una página de vista previa HTML.
Archivos de fuentes
Nombre de familia de fuente CSS
Contenido del paquete
Las fuentes seleccionadas aparecen aquí.
El kit incluye archivos de fuentes listos para el navegador, @font-face CSS, una vista previa y notas de configuración.
Privado por defectoSus entradas y archivos se procesan en este dispositivo.
Gratis e instantáneoNo se requiere cuenta, cola ni instalación de software.
Listo para usarCopie o descargue los resultados tan pronto como se generen.
como usar Generador de fuentes web
Obtenga un resultado confiable en tres sencillos pasos.
Elija archivos de fuentes
Agregue uno o más archivos de fuentes compatibles con el navegador con licencia.
Establecer el nombre de la familia
Utilice el nombre CSS que debería aparecer en todas sus hojas de estilo.
Descarga el kit
Reciba un ZIP con fuentes, @font-face CSS, vista previa de HTML y notas de configuración.
Diseñado para el trabajo diario
Útil sin el trabajo pesado
Controles enfocados, retroalimentación inmediata y ninguna relación entre usted y el resultado.
Múltiples pesos
Empaquete una familia de archivos de fuentes en un kit implementable.
Página de vista previa
Abra el archivo HTML incluido para verificar la carga y los glifos de muestra.
guía practica
que es Generador de fuentes web?
Un kit de fuentes web combina archivos de fuentes que se pueden cargar en el navegador con CSS @font-face que nombra la familia, el formato fuente, el estilo, el peso y el comportamiento de carga. Mantener esas piezas juntas evita que las URL de fuentes se rompan durante la implementación.
Este generador empaqueta archivos TTF, OTF, WOFF y WOFF2 existentes; no altera los contornos de los glifos ni fabrica formatos convertidos. WOFF2 suele ser el mejor formato de entrega cuando ya tienes una copia con licencia.
Aplicaciones prácticas
Cuándo utilizar esta herramienta
Formas comunes Generador de fuentes web encaja en proyectos reales y tareas diarias.
Tipografía autohospedada
Implemente fuentes de marca sin depender de una CDN de terceros.
Sistemas de diseño
Cree un paquete inicial coherente para los equipos de aplicaciones.
Control de calidad de fuente
Obtenga una vista previa de los archivos y confirme su configuración familiar.
Proyectos sin conexión
Activos de tipo paquete para interfaces locales y documentación.
Respuestas útiles
Preguntas frecuentes
Respuestas rápidas sobre generador de fuentes web y cómo funciona esta página.
¿Esto convierte TTF en WOFF2?
No. Empaqueta los archivos compatibles con el navegador que usted proporciona con CSS y una vista previa.
¿Qué formato es mejor para los sitios web?
WOFF2 generalmente ofrece la mejor compresión web moderna, y se utilizan otros formatos según las necesidades de compatibilidad.
¿Puedo incluir varios pesos?
Sí. A los archivos se les asignan valores de peso progresivos en el CSS inicial, que puede ajustar para que coincidan con la familia real.
¿Pueden todas las fuentes ser autohospedadas?
No. Revise la licencia de la fuente antes de distribuirla o incrustarla.