Есть ли лучший способ обработать font_face (Google Fonts), чем этот? - PullRequest
Новая
       4

Есть ли лучший способ обработать font_face (Google Fonts), чем этот?

2 голосов
/ 24 января 2012

Пытаясь заставить Google шрифты (font_face) работать с IE7, 8, 9, Chrome и Firefox, я закончил с небольшим запутанным беспорядком файлов, хранящихся локально на удаленном сервере, таких как ttf, eot и woff.Есть ли лучший / более простой способ заставить их работать для всех этих браузеров?Это то, что я сделал, чтобы заставить его работать.

Это HTML 

<link href="Untitled_1.css" rel="stylesheet" type="text/css" />
<!--[if gte IE 7]>
<link rel="stylesheet" type="text/css" href="Untitled_1_ie.css" />
<![endif]-->

Это первый CSS (Untitled_1.css): 

@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: normal;
src: local('Bangers'), local('Bangers-Regular'), url('http://themes.googleusercontent.com/static/fonts/bangers/v4/DqeGA7eaz0hhOYTfkeJBIA.woff') format('woff');
src: url('Bangers.ttf'); /* for chrome/webkit */

}

Это второй(untitled_1_ie.css): 

@font-face {
font-family: 'Bangers';
font-style: normal;
font-weight: normal;
src: url('Bangers.eot');    /* ie9 */
src: url('Bangers.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */

}

IE9 будет работать только с локально сохраненной версией eot (или ttf) из-за ошибки «нет междоменных пользовательских шрифтов»,IE7 / 8 будет работать только с eot, а Chrome не будет работать с woff (по умолчанию, созданный на сайте Google Fonts).

Спасибо.

...