@font face изменчивый шрифт в Chrome

У меня есть свой веб-сайт, который я создаю здесь , и он хорошо выглядит (сейчас медиа-запросы CSS3 не работают для IE), но я нахожу свой @font Face не работает и выглядит как дерьмо в Chrome для Windows (пока что это единственное серьезное, что я нашел).

Я поискал его и нашел исправление CSS3 rbg, которое должно работать, но ничего не дало для меня. Сделал пуленепробиваемое исправление от Пола Айриша, однако затем мой шрифт сломался в Android. Я исследовал это в течение нескольких часов, но, похоже, не могу найти ничего, что подойдет. Я слышал о Cufon, но я " m пытаюсь придерживаться @font face, так как у меня эта проблема только для Chrome.

Я пошел в font squirrel и получил набор шрифтов для шрифта, который я использую, так что он выглядит l как это

@font-face {
font-family: 'GeosansLightRegular';
src: url('geosanslight-webfont.eot');
src: url('geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
     url('geosanslight-webfont.woff') format('woff'),
     url('geosanslight-webfont.ttf') format('truetype'),
     url('geosanslight-webfont.svg#GeosansLightRegular') format('svg');
font-weight: normal;
font-style: normal;

}

Он работает с большинством браузеров (опять же, у меня не было возможности протестировать КАЖДЫЙ из них, но я проверил его на IE 6-9, и он выглядит хорошо, FF 9 для Windows и FF 8 для OSX, Safari Opera и выглядит отлично. Chrome для Windows просто не работает с командой @font face.

Есть ли у кого-нибудь совет, что я могу сделать, чтобы он выглядел лучше или исправил? (Помимо удаления класса лица @font и использования обычного шрифта.)

Кроме того, я мог бы, однако, использовать условный комментарий из Chrome, чтобы просто просмотреть обычный шрифт, но тогда мой HTML-код не прошел бы валидацию, а?

Любая помощь будет принята с благодарностью ..

14
задан René Nyffenegger 6 July 2013 в 15:48
поделиться