css - sans - open source fonts
¿Debo almacenar localmente el CSS generado por la API de fuentes web de Google? (3)
El CSS servido por los cambios de Google Webfonts en función del agente de usuario en el encabezado de solicitud HTTP, por lo que sería mejor usar @import. La razón es las diferentes implementaciones de fuentes web en diferentes navegadores.
Estoy usando algunas fuentes web de Google. Escuché que Google se ocupa de todos los problemas entre diferentes navegadores y sirve diferentes medios dependiendo del navegador en el encabezado de solicitud.
Mi pregunta es, ¿en qué punto hace esto?
La razón es que para la API simplemente puede incluir un archivo CSS que contenga la solicitud @font-face . ¿Puedo simplemente incluir ese CSS en mi propio archivo CSS, y así guardar una solicitud HTTP, o cambiar ese CSS dependiendo del navegador que lo solicite?
Realmente espero que tenga sentido.
Por ejemplo, Google sugiere que incluyas lo siguiente en tu archivo CSS:
@import url(http://fonts.googleapis.com/css?family=Exo);
Los contenidos de los cuales son:
@font-face {
font-family: ''Exo'';
font-style: normal;
font-weight: 400;
src: local(''Exo Regular''), local(''Exo-Regular''), url(''http://themes.googleusercontent.com/static/fonts/exo/v1/ZcGd2dvMSgl3mHN3lKAjNw.woff'') format(''woff'');
}
No es una respuesta a su pregunta exacta, pero incluso si fuera posible en este momento, nunca almacenaría localmente ningún CSS que Google sirva "en vivo" porque:
incluso si funciona ahora, puede romperse más tarde si cambian algo
no agrega ninguna confiabilidad, porque la fuente en sí todavía tiene que ser recuperada de Google
realmente no se mejora mucho el rendimiento: si todo está configurado correctamente, la solicitud HTTP ocurrirá solo una vez y se almacenará en caché posteriormente. Además, el usuario puede tener la fuente CSS almacenada en caché de otro sitio que utiliza Google Fonts.
Si desea almacenar CSS local, entonces DEBE almacenar la fuente localmente, porque de lo contrario, nuevamente tendrá una solicitud HTTP adicional.
Y Google permite la descarga de fuentes para uso local, pero también puedes consultar la web. https://developers.google.com/webfonts/faq