MIME-типы для woff, ttf, svg и eot 404ing, несмотря на то, что они настроены в IIS
Я пытаюсь получить шрифт для отображения в файле, и это дает мне обычную ошибку
Resource interpreted as Font but transferred with MIME type text/html:
Но представленный HTML-файл - это наш файл 404.aspx. Я попытался установить приложения в файле web.config, а затем в самом IIS:
.woff application/font-woff
.ttf application/font-ttf
.eot application/vnd.ms-fontobject
.otf application/font-otf
.svg image/svg+xml
Я не могу понять, где я иду не так. файлы хранятся в папке с именем fonts, которая находится в базовом каталоге для сайта, и у меня есть стиль в моем файле aspx, как
@font-face {
font-family: 'segoe_printregular';
src: url('/fonts/segoepr-webfont.eot'); /* IE9 Compat Modes */
src: url('/fonts/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/segoepr-webfont.woff') format('woff'), /* Modern Browsers */
url('/fonts/segoepr-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
и stylesheet.css в папке шрифтов как:
@font-face {
font-family: 'segoe_printregular';
src: url('/segoepr-webfont.eot'); /* IE9 Compat Modes */
src: url('/segoepr-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/segoepr-webfont.woff') format('woff'), /* Modern Browsers */
url('/segoepr-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('/segoepr-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
Я пробовал пути к файлам как /fonts/ и просто шрифты / безрезультатно. Но я не могу заставить файл подключиться к 404. Кто-то предложил перезапустить сервер, но это также ничего не дало.
Есть что-то, что я пропускаю? Или какая-то ошибка, которую я сделал?
Если это поможет, я также попробовал это в web.config
<staticContent>
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/font-ttf" />
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".otf" />
<mimeMap fileExtension=".otf" mimeType="application/font-otf" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
1 ответ
Для тех, кому нужен ответ. Ниже решение. Ссылка http://www.alienfactory.co.uk/articles/mime-types-for-web-fonts-in-bedsheet для деталей.
<remove fileExtension=".woff" />
<remove fileExtension=".eot" />
<remove fileExtension=".ttf" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<mimeMap fileExtension=".ttf" mimeType="application/font-sfnt" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />