Generador de Código CSS @font-face

Cree directivas CSS @font-face válidas para sus tipografías locales con soporte de WOFF2 y TTF

도구를 불러오는 중…

🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.

Genera reglas CSS estructuradas para cargar archivos tipográficos locales en la web.

Cómo usar

  1. Ingrese el nombre de la familia tipográfica.
  2. Indique las rutas de los archivos (woff2, woff, ttf).
  3. Seleccione el grosor y estilo, y copie el código CSS generado.

Preguntas frecuentes

¿Qué hace font-display?
Controla el comportamiento del texto mientras la fuente se carga. Se recomienda la opción 'swap'.

← Volver a todas las herramientas

가격 보기카톡 무료 상담