Sería más fácil para el desarrollo si pudiera incluir todos los tipos de letra que probablemente usaré, pero definitivamente no quiero las solicitudes HTTP adicionales para las fuentes que no terminan en ninguna parte de la página. ¿Alguien puede iluminarme?¿Un navegador descargará un tipo de letra aunque no se use en la página?
Desafortunadamente, la mayoría de los navegadores no adivinarán que debe evitar la descarga de fuentes que no se utilizan realmente (en realidad no conozco ningún navegador que sea lo suficientemente inteligente como para evitarlo, que por supuesto no significa que algunos de estos navegadores pueden no existir). ¿No podría postprocesar las páginas durante la implementación para eliminar las que no se usaron?
Esa es una gran sugerencia. Desafortunadamente, es al menos tanto trabajo como solo averiguar qué fuentes voy a utilizar y atenerme a ellas, ya que es un número razonable en mi caso. gracias por la respuesta –
IE descargará el archivo .eot inmediatamente cuando encuentre la declaración @ font-face.
Gecko, Webkit y Opera esperan hasta que encuentren HTML que coincida con una regla de CSS con un fontstack que incluye la fuente @ font-face.
- http://paulirish.com/2009/fighting-the-font-face-fout/
Así que si no fuera por el IE, que en realidad sería seguro para incrustar porciones de fuentes, siempre y cuando se tiene cuidado de no hacer referencia a que no se utilicen en sus estilos CSS, porque en ese punto, serán descargados por el navegador.
Paul irlandesa tiene un muy buen tutorial sobre cómo utilizar @ font-face
http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/
También puede utilizar un generador de sintaxis en fontsquirrel.com
Además, es posible hacer esto también: borrar la caché del navegador, luego ejecutar el inspector de su navegador (clic derecho> Inpsect) y la pestaña Depurador (recursos). luego escribe la url y mira lo que se está descargando.
Solo pruébalo y utiliza una herramienta de depuración de http para ver qué se solicita (por ejemplo, fiddlertool o livehttpheaders). Cada navegador puede comportarse de manera diferente. –