字体本地主机 v 服务器答案

【问题标题】：Fonts Localhost v Server字体本地主机 v 服务器
【发布时间】：2014-10-16 23:38:00
【问题描述】：

这个让我发疯。我在本地主机上有一个完全纯正的模板，并已上传到我的服务器。两种设置中的相同文件。

但是我的字体在服务器上没有呈现它们应有的效果。

我把它缩小到这个：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">

如果我在本地主机上将此注释掉，我会遇到与在服务器上使用此行时完全相同的渲染问题。显然服务器没有读取和使用这些样式表。

有人看到这个 - 我可以去哪里解决这个问题？

谢谢西蒙

【问题讨论】：

Web 开发工具会告诉您该页面是否实际上是由服务器托管文件请求的。
您的字体是否来自谷歌字体？如果您注释掉该行，您将丢失您的谷歌字体。
澄清一下：上面的链接是引入字体的链接。它适用于本地主机，但当我在服务器上运行同一页面时不起作用。所以我的服务器端设置不读取这个文件一定是有原因的。我通过注释掉 localhost 代码行来检查这是否是问题所在。我的服务器视图遇到了同样的问题，所以我知道它的这个链接在我的服务器上不起作用。不知道为什么 - 是否存在服务器可以选择停止外部链接的情况？
尝试将您的链接更改为：<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700" type='text/css'>
非常感谢您的上述 - 这就是问题所在 - 不知道为什么，但它为我解决了一切。

标签： php css

【解决方案1】：

有一些（甚至更多）的事情可能会导致这种情况：

您的服务器是否连接到互联网？（我知道这听起来很愚蠢，但谁知道呢）
您在服务器上使用的浏览器是否已严重弃用，是否可以使用一两次更新？
服务器上是否有可能阻止浏览器访问互联网的防火墙？
尝试将 'type="text/css" ' 添加到链接标签的某处，看看是否会有所不同。
尝试浏览 http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700 并检查您是否真的得到了一些东西。

【讨论】：

【解决方案2】：

尝试从这里更改您的链接：

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">

到这里：

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,70‌0" type='text/css'>

请注意，您主要只是从行中删除 http。您的服务器上可能有一些安全性，也许它正在被 https 读取，它不允许或不喜欢不安全的正常外部链接。所以现在你的服务器可以随意读取它了。

【讨论】：