У меня есть шрифты GothamBold, GothamBook и GothamThin. Я установил font-faces с этими шрифтами в CSS, как показано ниже:
@font-face {
font-family: 'GothamBold';
src: url("../../fonts/GothamBold.eot"); /* IE9 Compatibility Modes */
src: url("../../fonts/GothamBold.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
url("../../fonts/GothamBold.woff") format("woff"),
url("../../fonts/GothamBold.ttf") format("truetype"),
url("../../fonts/GothamBold.svg#GothamBold") format("svg");
}
@font-face {
font-family: 'GothamBook';
src: url("../../fonts/GothamBook.eot"), /* IE9 Compatibility Modes */
url("../../fonts/GothamBook.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
url("../../fonts/GothamBook.woff") format("woff"),
url("../../fonts/GothamBook.ttf") format("truetype"),
url("../../fonts/GothamBook.otf") format('opentype'),
url("../../fonts/GothamBook.svg#GothamBook") format("svg");
}
@font-face {
font-family: 'GothamThin';
src: url("../../fonts/GothamThin.eot"), /* IE9 Compatibility Modes */
url("../../fonts/GothamThin.eot?#iefix") format("embedded-opentype"), /* Safari, Android, iOS */
url("../../fonts/GothamThin.woff") format("woff"),
url('../../fonts/GothamThin.ttf'); /* Safari, Android, iOS */
}
но он не работает в IE, хотя работает в Chrome, Firefox и Safari. Любая идея?
Я пробовал использовать набор шрифтов Montserrat, полученный от fontsquirrel, но все еще не могу загрузить его в IE.
Я проверил свои типы MIME в IIS, каждое расширение имеет следующий тип: .eot - application / vnd.ms-fontobject .woff - font / x-woff .ttf - application / octet-stream .svg - image / svg + xml
Он все еще не работает на моем IE 8,9,10. НО работает на IE моего друга ??? как это могло быть ???