Подтвердить что ты не робот

Приоритет шрифта SVG с веб-шрифтами Google

Обработка шрифтов в Google Chrome на окнах ужасно, если вы не используете шрифт SVG. Однако веб-шрифты google приостанавливают файлы WOFF.

Есть ли способ заставить его доставлять шрифты SVG или мне нужно вручную разместить шрифты самостоятельно?

Ответ 1

Вам нужно будет размещать файлы, используя методы @import или <link>, ссылающиеся на файл CSS, который вызывает только файл WOFF (из-за обнаружения браузера). 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');
}

Как только вы размещаете файл локально, вы можете переместить вызов 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');
}