font-face不适用于托管服务提供商

Question

我在托管网站时遇到问题：在托管之前，当我在我的计算机本地运行网站时，字体很好，但托管它时，字体不起作用。 （我在我的网页上使用pdf字体，并使用dompdf转换为pdf）

这里是代码：

window.foo = function() {}

Answer 1

您的托管服务提供商的网络服务器（可能）不会为字体发送正确的Content-Type标头，因此您的浏览器拒绝加载它们。

你need proper content type headers for fonts to work。

您可以在浏览器开发工具的“网络”标签中检查.woff2文件的响应标头吗？

如果它确实丢失了（比较标题与本地主机），那就是问题所在。您需要让该服务器插入http标头Content-Type: font/woff2（*）。这取决于您的托管服务提供商。也许有些人允许在.htaccess中执行此操作，您可以在自己的网站中自行安装。

（*）编辑：之前的建议是application/font-woff2。请参阅this answer，该主题还有很多其他内容。