Я создал правило css @ font-face и все форматы шрифтов, используя Font Squirrel , и отлично работает во всех протестированных мной браузерах, но не в IE7. Похоже, что шрифт вообще не загружается.
Вы можете увидеть сайт в прямом эфире по адресу http://grupogamma.socialsnack.com/
Правила @ font-face находятся на http: / /grupogamma.socialsnack.com/wp-content/themes/gamma/style.css, а шрифты находятся на http: //grupogamma.socialsnack. com / fonts /
Мой фрагмент css, созданный Font Squirrel:
@font-face {
font-family: 'UniversCondensedLight';
src: url('/fonts/univers-condensedlight-webfont.eot');
src: url('/fonts/univers-condensedlight-webfont.eot?#iefix') format('eot'),
url('/fonts/univers-condensedlight-webfont.woff') format('woff'),
url('/fonts/univers-condensedlight-webfont.ttf') format('truetype'),
url('/fonts/univers-condensedlight-webfont.svg#webfonteM3WTEhs') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'UniversCondensed';
src: url('/fonts/univers-condensed-webfont.eot');
src: url('/fonts/univers-condensed-webfont.eot?#iefix') format('eot'),
url('/fonts/univers-condensed-webfont.woff') format('woff'),
url('/fonts/univers-condensed-webfont.ttf') format('truetype'),
url('/fonts/univers-condensed-webfont.svg#webfontPDfnu2z9') format('svg');
font-weight: normal;
font-style: normal;
}
РЕДАКТИРОВАТЬ:
С помощью Wireshark я смог проверить, действительно ли загружен шрифт .eot и возвращено 200 OK. Тип содержимого - application / vnd.ms-fontobject. Итак, шрифт загружен, но просто не используется / не отображается должным образом.