压缩 css 文件导致 glyphicon 字体无法呈现：资源解释为字体但使用 MIME 类型 text/plain 传输

Posted 2023-03-15

【中文标题】压缩 css 文件导致 glyphicon 字体无法呈现：资源解释为字体但使用 MIME 类型 text/plain 传输

【英文标题】：Compressing css files causing glyphicon fonts to not render: Resources interpreted as Font but transferred with MIME type text/plain

【发布时间】：2015-06-28 23:16:16

【问题描述】：

我正在使用 glyphicon 字体。当 bootstrap 被压缩并与其他 css 文件捆绑在一起时，图标会停止正确呈现（它们显示为空方块），但是当 bootstrap 未压缩时，图标会正确呈现。压缩后，我在加载页面时收到此消息：

资源解释为字体，但使用 MIME 类型 text/plain 传输：“/fonts/glyphicons-halflings-regular.woff”

对于每个 glyphyicon 字体文件（.woff、.ttf、.eot、.svg）。

为什么压缩 css 会阻止这些文件被正确解释？当 css 被压缩时，如何让 glyphicon 字体正确呈现？

【问题讨论】：

您使用的是什么网络服务器和操作系统？

【参考方案1】：

我通过将字体文件夹移动到解决方案的根目录解决了这个问题