在使用 IIS 7.5 部署网站时，有时会遇到浏览器无法加载 .woff 和 .woff2 字体文件的情况。这通常是因为 IIS 没有正确配置这些扩展名的 MIME 类型，导致服务器无法识别并提供这些字体文件。为了解决这个问题，可以通过修改 web.config 文件来添加正确的 MIME 映射。

解决方案步骤

  1. 创建或编辑 web.config 文件

    • 使用记事本或其他文本编辑器打开一个新的文件。
    • 将以下 XML 代码粘贴到文件中，并保存为 web.config 文件名。确保文件编码为 UTF-8。
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.webServer>
        <staticContent>
            <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
            <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
        </staticContent>
    </system.webServer>
</configuration>

  1. 上传 web.config 文件

    • 将生成的 web.config 文件上传到你的网站根目录。如果你已经在使用 web.config 文件，请将上述代码片段合并到现有的配置文件中，确保不会覆盖其他设置。

  2. 验证更改

    • 上传完成后，尝试访问包含 .woff 或 .woff2 字体文件的网页，检查是否正常加载。如果仍然存在问题，可以查看 IIS 日志以获取更多信息。

常见问题及解决方案

问题 解决方法
修改后仍无法加载字体 确认 web.config 文件已正确上传到网站根目录，并且没有语法错误。
浏览器缓存问题 清除浏览器缓存或尝试在隐身模式下访问页面。
MIME 类型不匹配 确保 MIME 类型与实际文件格式一致，例如 .woff2 应使用 font/woff2 而不是 application/font-woff。