google-chrome - open - google logo font

Priorice la fuente SVG con Google Web Fonts

Question

El renderizado de fuentes en Google Chrome en Windows es horrible a menos que use una fuente SVG. Sin embargo, las fuentes web de google priorizan los archivos WOFF.

¿Hay alguna forma de obligarlo a entregar las fuentes SVG o tengo que alojar las fuentes manualmente?

Answer 1

Tendrá que alojar los archivos, ya que al usar los métodos @import o <link> referencia a un archivo CSS que solo llama al archivo WOFF (debido a la detección del navegador). Ex. http://fonts.googleapis.com/css?family=Open+Sans :

@font-face {
  font-family: ''Open Sans'';
  font-style: normal;
  font-weight: 400;
  src: local(''Open Sans''), local(''OpenSans''), url(''http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff'') format(''woff'');
}

Una vez que aloja el archivo localmente, puede mover la llamada SVG en la pila para priorizarla. Puede ver un ejemplo aquí: http://www.fontspring.com/blog/smoother-web-font-rendering-chrome

@font-face {
  font-family: ''MyWebFont'';
  src: url(''webfont.eot''); 
  src: url(''webfont.eot?#iefix'') format(''embedded-opentype''),
  url(''webfont.svg#svgFontName'') format(''svg''),
  url(''webfont.woff'') format(''woff''),
  url(''webfont.ttf'')  format(''truetype'');
}