Priorizar la fuente SVG con Google Web Fonts

Question

Priorizar la fuente SVG con Google Web Fonts

Font-face rendering en Google Chrome en Windows es horrible a menos que utilice una fuente SVG. Sin embargo, Google web fonts prioriza los archivos WOFF.

¿Hay alguna manera de forzarlo a entregar las fuentes SVG o tengo que alojar manualmente las fuentes yo mismo?

25

webfonts google-chrome svg google-webfonts

Author: 9point6, 2013-01-21

Source

1 answers

score 17 · Accepted Answer

Deberá alojar los archivos ya que los métodos @import o <link> hacen 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 aloje el archivo localmente, puede mover la llamada SVG en la pila para priorizarla. Puedes 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');
}