Comprimir/desinflar fuentes @ font-face

Estoy usando la propiedad @ font-face CSS para cargar una fuente especial para encabezados en un sitio web, y quiero que Apache envíe la fuente comprimida para reducir el tiempo de carga.Comprimir/desinflar fuentes @ font-face

Sin embargo, la declaración "AddOutputFilterByType" en el módulo de desinflado de Apache 2 solo acepta tipos de mime y, como AFAIK, ni opentype ni truetype tienen tipos de mime registrados.

Entonces, ¿cómo configuro Apache para desinflar/comprimir los archivos font.otf o font.ttf?

Fuente

2009-10-14 Torrance

se le ocurrió una solución: la declaración de

Uso Apache AddType para agregar un tipo MIME personalizado y luego utilizar ese tipo MIME en la declaración AddOutputFilterByType.

Por ejemplo, para OpenType y fuentes TrueType:

Addtype font/opentype .otf 
Addtype font/truetype .ttf 
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css font/opentype font/truetype

Ambas estas declaraciones requieren sus módulos adecuados para ser activo: mod_mime y mod_deflate. Y para la mejor práctica, la declaración AddType debe estar en el archivo mime.conf, y la declaración AddOutputFilterByType debe estar en el archivo deflate.conf. Consulte los archivos de ayuda de su distribución en particular para habilitar y configurar los módulos de Apache.

Fuente

2009-10-14 02:02:32 Torrance

Muy tarde, pero cualquier otra persona que busque esto también puede estar interesada en el enfoque HTML5Boilerplate, que es similar pero más completo; ver http://html5boilerplate.com/template/htaccess.txt?.xml. –

El enlace para .htaccess de h5bp ha [cambiado] (https://github.com/h5bp/html5-boilerplate/blob/master/.htaccess). –

Esta es la URL correcta para el Boilerplate HTML5: https://github.com/h5bp/server-configs-apache El repositorio contiene muchos fragmentos increíbles de htaccess, por ejemplo para aprovechar el caché del navegador (https: // github.com/h5bp/server-configs-apache/blob/master/src/web_performance/expires_headers.conf). –

Comprimir/desinflar fuentes @ font-face

Respuesta

Cuestiones relacionadas