У меня есть файл CSS с декларацией @ font-face
, которая встраивает файл шрифта через URI данных:
@font-face {
font-family: 'Custom-Font';
src: url('eot/font.eot');
src: url('eot/font.eot?#iefix') format('embedded-opentype'),
/* ugly FF same-Origin workaround... */
url("data:application/octet-stream;base64,d09GRgABAAAAA ... ") format('woff'),
url('ttf/font.ttf') format('truetype'),
url('svg/font.svg#Custom-Font') format('svg');
}
Встраивание шрифта с URI данных заставляет IE .woff ), IE загрузит шрифт.
Что насчет этого CSS сбивает IE?
Общие сведения: У меня есть страница, которая загружает встроенные шрифты из другого домена (CDN). К сожалению, Mozilla требует заголовка CORS ( Access-Control-Allow-Origin
) для встроенных шрифтов, обслуживаемых из разных доменов ( злоупотребление CORS и ужасная идея в мое мнение). По независящим от меня причинам (бюрократия) я не могу отправить заголовок CORS в файлы шрифтов, поэтому я застрял в неоптимальной ситуации встраивания файла шрифта в файл CSS через URI данных.