types – 解释为Font但使用MIME类型texthtml传输的资源将无法修复

概述我正在尝试解决Chrome警告： Resource interpreted as Font but transferred with MIME type text/html 我认为它阻止了我的字体的正确加载.我将此代码用于css： @font-face { font-family: 'stereofidelic'; src: url('/css/fonts/stereofideli 我正在尝试解决Chrome警告：

Resource interpreted as Font but transferred with MIME type text/HTML

我认为它阻止了我的字体的正确加载.我将此代码用于CSS：

@Font-face {    Font-family: 'stereofIDelic';    src: url('/CSS/Fonts/stereofIDelic.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/stereofIDelic.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/stereofIDelic.woff') format('woff'),/* Modern browsers */         url('/CSS/Fonts/stereofIDelic.ttf')  format('truetype'),/* Safari,AndroID,iOS */         url('/CSS/Fonts/stereofIDelic.svg#svgFontname') format('svg'); /* Legacy iOS */    }@Font-face {    Font-family: 'bebasneue';    src: url('/CSS/Fonts/BebasNeue.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/BebasNeue.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/BebasNeue.woff') format('woff'),/* Modern browsers */         url('/CSS/Fonts/BebasNeue.ttf')  format('truetype'),iOS */         url('/CSS/Fonts/BebasNeue.svg#svgFontname') format('svg'); /* Legacy iOS */    }@Font-face {    Font-family: 'karamuruh';    src: url('/CSS/Fonts/karamuruh.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/karamuruh.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/karamuruh.woff') format('woff'),/* Modern browsers */         url('/CSS/Fontsh/karamuruh.ttf')  format('truetype'),iOS */         url('/CSS/Fonts/karamuruh.svg#svgFontname') format('svg'); /* Legacy iOS */    }@Font-face {    Font-family: 'comicnotesmooth';    src: url('/CSS/Fonts/comicnotesmooth.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/comicnotesmooth.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/comicnotesmooth.woff') format('woff'),/* Modern browsers */         url('/CSS/Fonts/comicnotesmooth.ttf')  format('truetype'),iOS */         url('/CSS/Fonts/comicnotesmooth.svg#svgFontname') format('svg'); /* Legacy iOS */    }@Font-face {    Font-family: 'singlesleeve';    src: url('/CSS/Fonts/singlesleeve.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/singlesleeve.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/singlesleeve.woff') format('woff'),/* Modern browsers */         url('/CSS/Fonts/singlesleeve.ttf')  format('truetype'),iOS */         url('/CSS/Fonts/singlesleeve.svg#svgFontname') format('svg'); /* Legacy iOS */    }        @Font-face {    Font-family: 'TravelingTypewriter';    src: url('/CSS/Fonts/TravelingTypewriter.eot'); /* IE9 Compat Modes */    src: url('/CSS/Fonts/TravelingTypewriter.eot?#IEfix') format('embedded-opentype'),/* ie6-ie8 */         url('/CSS/Fonts/TravelingTypewriter.woff') format('woff'),/* Modern browsers */         url('/CSS/Fonts/TravelingTypewriter.ttf')  format('truetype'),iOS */         url('/CSS/Fonts/TravelingTypewriter.svg#svgFontname') format('svg'); /* Legacy iOS */    }

我试着在我的.htaccess中添加任何类型的指令,谷歌搜索我发现许多人的解决方案是添加到.htaccess中：

AddType application/vnd.ms-Fontobject .eotAddType application/octet-stream .otf .ttfAddType Font/otf .otfAddType Font/opentype .woff

但我仍然从Chrome获得相同的警告：

Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/TravelingTypewriter.woff". index.PHP:195Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/BebasNeue.woff". index.PHP:195Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/TravelingTypewriter.ttf". index.PHP:195Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/BebasNeue.ttf". index.PHP:195Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/TravelingTypewriter.svg". index.PHP:195Resource interpreted as Font but transferred with MIME type text/HTML: "http://mydomain/CSS/Fonts/BebasNeue.svg". index.PHP:195

在我的本地网络服务器上,一切正常,我不需要任何AddType指令到.htaccess.

这是在stackoverflow.com上建议的24小时谷歌搜索尝试解决方案,但没有运气.

有帮助吗？

解决方法 如果你有mod重写,你应该按如下方式设置规则：

RewriteEngine OnRewriteRule !(\.ico\.gif|\.png|\.jpe?g|\.CSS|\.Js|\.PHP|\.eot|\.svg|\.ttf|\.woff|\.otf|^public/.*)$index.PHP [nocase,last]

我使用Apache.

总结

以上是内存溢出为你收集整理的types – 解释为Font但使用MIME类型text / html传输的资源将无法修复全部内容，希望文章能够帮你解决types – 解释为Font但使用MIME类型text / html传输的资源将无法修复所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。