Convierte tus fuentes WOFF2 a código Base64 para integrarlas directamente en tu CSS, mejorando la velocidad de carga y eliminando solicitudes HTTP adicionales.
Arrastra y suelta tu archivo o haz clic para seleccionarlo desde tu dispositivo.
Arrastra tu archivo WOFF2 aquí
o
archivo.woff2
128 KB
Arrastra y suelta tu archivo WOFF2 o selecciónalo desde tu dispositivo.
Nuestro convertidor procesará automáticamente tu archivo y generará el código Base64.
Copia el código generado y pégalo directamente en tu archivo CSS.
@font-face {
font-family: 'MiFuente';
src: url('data:font/woff2;base64,d09GMgABAAAAAAm...')
format('woff2');
font-weight: normal;
font-style: normal;
}Este código permite cargar la fuente directamente desde tu CSS sin necesidad de archivos externos, mejorando el rendimiento de tu sitio web.
Base64 es un método de codificación que convierte datos binarios en texto ASCII. Al convertir tus fuentes WOFF2 a Base64, puedes incluirlas directamente en tu CSS, eliminando solicitudes HTTP adicionales. Esto mejora la velocidad de carga de tu sitio web y evita problemas de CORS, además de garantizar que la fuente siempre esté disponible sin depender de archivos externos.
Nuestra herramienta puede procesar archivos WOFF2 de hasta 10MB. Sin embargo, recomendamos usar archivos más pequeños (idealmente menos de 1MB) para mantener el tamaño de tu CSS manejable. Recuerda que la codificación Base64 aumenta el tamaño del archivo original aproximadamente en un 33%, por lo que es mejor usarla para fuentes pequeñas o subconjuntos de fuentes.
Nuestra herramienta procesa tus archivos completamente en el navegador, lo que significa que tus archivos nunca se cargan en nuestros servidores. La conversión ocurre localmente en tu dispositivo, garantizando la privacidad y seguridad de tus datos. No almacenamos ninguna información sobre los archivos que conviertes.
El formato WOFF2 es compatible con la mayoría de los navegadores modernos, incluyendo Chrome, Firefox, Safari, Edge y Opera. Cuando se usa en formato Base64 dentro de CSS, mantiene la misma compatibilidad. Para navegadores más antiguos, puedes proporcionar formatos alternativos como WOFF o TTF también en Base64, o usar la técnica de detección de características para servir diferentes formatos según el navegador.
Suscríbete a mi newsletter y recibe consejos, trucos y herramientas para mejorar el rendimiento de tus sitios web.
¿Tienes alguna pregunta, sugerencia o comentario? No dudes en ponerte en contacto conmigo.