优先SVG字体与谷歌的Web字体(Prioritise SVG font with Google W

2019-07-18 12:04发布

除非您使用SVG字体字型脸呈现在谷歌浏览器在Windows上是可怕的。 然而谷歌网页字体优先考虑WOFF文件。

有没有什么办法,迫使它传递SVG字体或做我必须手动主办的字体自己?

Answer 1:

你需要主机上的文件与使用@import<link>方法引用CSS文件,该文件仅调用WOFF文件(因为浏览器检测)。 防爆。 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');
}

一旦托管文件在本地,然后你可以移动SVG调出栈确定其优先级。 :你可以在这里看到一个例子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');
}


文章来源: Prioritise SVG font with Google Web Fonts