Css @字体停止工作

不知道为什么，@font-face已经停止在我的一些网站上工作（Blogger&Wordpress）。我以前使用Google Drive托管字体，如下所示：

@font-face {font-family: 'Biloxi';
src: url('https://googledrive.com/host/0Bybz--lLp5SvZmc0SGRGOVB4dEE/Biloxi Script-webfont.eot');
src: url('https://googledrive.com/host/0Bybz--lLp5SvZmc0SGRGOVB4dEE/Biloxi Script-webfont.eot') format('embedded-opentype'),
 url('https://googledrive.com/host/0Bybz--lLp5SvZmc0SGRGOVB4dEE/Biloxi Script-webfont.woff') format('woff'),
 url('https://googledrive.com/host/0Bybz--lLp5SvZmc0SGRGOVB4dEE/Biloxi Script-webfont.ttf') format('truetype'),
 url('https://googledrive.com/host/0Bybz--lLp5SvZmc0SGRGOVB4dEE/Biloxi Script-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;}

当它停止工作时，我尝试在我的服务器上托管字体，并链接到一个文件中的字体，如下所示，但即使这样也没有加载我觉得奇怪的字体

@font-face {
font-family: 'Shorelines Script';
src: url('ShorelinesScriptBold.eot');
src: url('ShorelinesScriptBold.eot?#iefix') format('embedded-opentype'),
    url('ShorelinesScriptBold.woff') format('woff'),
    url('ShorelinesScriptBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;

}

它似乎是零星的，因此字体将加载一分钟，但您刷新后，它将不会加载（例如）。问题出在Blogger和Wordpress上，似乎出在Chrome和Firefox上

---

作为一个相对缺乏经验的程序员，任何帮助都是非常感谢的

看起来浏览器正在阻止对web字体文件的请求，因为它们没有使用

访问控制允许源文件

标题集发送。在Chrome/Firefox的开发者工具中查看控制台，您将看到错误：

跨源资源共享策略已阻止加载来自源“”的字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许访问源“”。响应的HTTP状态代码为502

---

我建议你找一个替代的地方来存放字体文件，因为我不认为GoogleDrive会为你设置这个标题（例如：）。通过从或平台提供服务，您可以更好地控制此类内容。

看起来浏览器正在阻止对web字体文件的请求，因为这些文件没有使用

访问控制允许源文件
标题集发送。在Chrome/Firefox的开发者工具中查看控制台，您将看到错误：

跨源资源共享策略已阻止加载来自源“”的字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许访问源“”。响应的HTTP状态代码为502

我建议你找一个替代的地方来存放字体文件，因为我不认为GoogleDrive会为你设置这个标题（例如：）。通过从或平台提供服务，您可以更好地控制这类事情。
非常感谢您，但是我已经尝试在我的域中托管字体（例如，此处的标题字体：），它似乎收到了相同的错误消息。这有什么办法吗？看起来那里也发生了同样的事情。您可以控制您的web服务器吗？如果是这样，您可以将其配置为发送适当的标题：非常感谢，但是我已经尝试在我的域中托管字体（例如，此处的标题字体：），它似乎收到了相同的错误消息。这有什么办法吗？看起来那里也发生了同样的事情。您可以控制您的web服务器吗？如果是这样，您可以将其配置为发送适当的标题：步骤1：删除所有不再受支持的字体格式。在现代浏览器中使用
woff
/
woff2
，只有在您需要IE8或更早版本的支持时才使用
eot
（考虑到微软几乎在一年前最终放弃了IE8及以下的支持，您不应该这样做）。其他所有内容要么是死格式（如
.svg
）要么是冗余格式（如
ttf
/
otf
），它们已经被woff逐字节包装，并且没有浏览器正确支持ttf/otf但不支持woff）步骤1：删除所有不再支持的字体格式。在现代浏览器中使用
woff
/
woff2
，只有在您需要IE8或更早版本的支持时才使用
eot
（考虑到微软几乎在一年前最终放弃了IE8及以下的支持，您不应该这样做）。其他一切要么是死格式（如
.svg
）要么是冗余格式（如
ttf
/
otf
），它们已经被woff逐字节包装，并且没有浏览器正确支持ttf/otf但不支持woff）