У меня есть мой сайт, который я здесь создаю, и он выглядит хорошо (сейчас медиа-запросы CSS3 не работают для IE), но я найти мое лицо @font сломано и выглядит как дерьмо в Chrome для Windows (до сих пор это единственный основной, который я нашел).
Я искал его и нашел исправление CSS3 rbg, которое должно работать, но для меня это ничего не делало. Было ли пуленепробиваемое исправление от Paul Irish, но тогда мой шрифт ломается в Android. Я исследовал это пару часов, но не могу найти ничего, что сработает. Я слышал о Cufon, но я пытаюсь придерживаться @font лица, как это только для Chrome, что у меня есть эта проблема.
Я отправился на белку шрифта и получил шрифт для шрифта, который я использую, поэтому он выглядит как
@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 для окон просто не работает с командой @font face.
Есть ли у кого-нибудь советы относительно того, что я могу сделать, чтобы заставить его выглядеть лучше или исправить? (Помимо удаления класса @font face и использования обычного шрифта.)
Кроме того, я мог бы, однако, использовать условный комментарий от Chrome, чтобы просто просмотреть обычный шрифт, но тогда мой HTML не подтвердил бы?
Поэтому любая помощь будет оценена.