
No creo que esto sea una epidemia ni nada por el estilo, pero lo he visto hacer algunas veces e incluso lo he defendido. Esto es lo que quiero decir…
Vas a Google Fonts y eliges una fuente como Open Sans, y te da una <link>
o un @import
con una URL en la que preparar esta fuente para su uso en su sitio.
Puedes echar un vistazo allí y ver qué devuelve …
Es solo algo @font-face
declaraciones, por supuesto!
Ahora comienza su cerebro orientado al rendimiento. Esperar. Entonces, hago una solicitud HTTP para esta hoja de estilo, y luego realiza más solicitudes HTTP para esos archivos woff2 que está vinculando. Al diablo con el intermediario aquí, ¿por qué no copiar esos? @font-face
bloques de aquí y úselos.
¡Usted puede! ¡Pero!
El problema es que a Google le gustan las cosas de Google aquí y el contenido de esa hoja de estilo original cambia según el navegador que lo solicita. Esa captura de pantalla de arriba es Chrome 66. Aquí está Firefox 20 en Windows 7:
¡Es diferente! Solo tiene woff, no woff2. Si abrimos esa URL en IE 8, obtendríamos un @font-face
bloque que incluye el formato eot!
El punto es que lo que da esa URL es muy específico para lo que necesita el navegador actual. Eso es algo muy bueno para abstraerse y no preocuparse. En caso de que los nuevos navegadores tuvieran nuevos formatos y se necesitara una nueva sintaxis CSS, eso solo vendrá por el camino.
No es que Google Fonts sea perfecto con estas cosas. Por ejemplo, al no controlar su propio @font-face
bloques, no puede aprovechar la visualización de fuentes, lo cual es una pena. Tal vez lo consigamos algún día, o tal vez valga la pena autohospedar sus fuentes de Google, que es otra cosa en la que nos ocuparemos algún día.