нечетная проблема 404 с IE и веб-шрифтами - PullRequest
1 голос
/ 16 ноября 2011

У меня есть следующий @font-face код, предоставленный мне webfonts.fonts.com .

@font-face {
  font-family: "Arial W01 Regular";
  src: url("https://example.com/fonts/6efc8731-df51-47d4-94f6-d20bbfa83f13.eot?iefix");
  src: url("https://example.com/fonts/34904d9f-aa74-4e54-96b2-c893c64d4649.woff") format("woff"), url("https://example.com/fonts/4c8849d4-261c-445a-b013-663d9b3e42c6.ttf") format("truetype"), url("https://example.com/fonts/821da903-3a46-4ec9-a459-afb6776bee53.svg#821da903-3a46-4ec9-a459-afb6776bee53") format("svg"); }

Кажется, работает нормально во всех браузерах, но я получаюочень странные 404 приходят от клиентов IE - IE6, IE7 и IE8.Вместо правильного выбора одного из веб-шрифтов, они, кажется, объединяют всю инструкцию CSS в строку и запрашивают все это:

xxx.xxx.xxx.xxx example.com - [16/Nov/2011:09:23:30 -0500] "GET /fonts/4c81d16c-907a-43df-8e68-27da8939ce09.woff%22)%20format(%22woff%22),%20url(%22https://example.com/fonts/84ee8818-41db-4b62-8639-d3cfbf2751e8.ttf%22)%20format(%22truetype%22),%20url(%22https://example.com/fonts/d25a458a-cbcf-47ab-a30d-977747bbea34.svg HTTP/1.1" 404 2720 "https://example.com/" "Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0; GTB7.1; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; MSN 9.0;MSN 9.1;MSN 9.6;MSN 10.0;MSN 10.2; MSNbVZ02; MSNmen-us; MSNcOTH)"

Как ни странно, IE по-прежнему видит веб-шрифты, поэтому это не влияет нафункциональность на стороне клиента, просто загрязняя мои журналы ошибок.Как я могу это исправить, или я должен просто игнорировать это?

1 Ответ

3 голосов
/ 16 ноября 2011

К сожалению, именно так Internet Explorer делает это. Единственный известный обходной путь - просто применить хеш (#) после шрифта и никогда больше не просматривать файлы журналов.

@font-face {
  font-family: "Arial W01 Regular";
  src: url("https://example.com/fonts/...eot#");
  ...
}

Занимательный доклад на эту тему см. В выступлении Джейка Арчибальда на конференции DIBI 2011, Font-Face - Good vs Legal

...