Chrome字体面未加载本地字体

Question

我遇到了一个奇怪的问题。通过谷歌的webfont api使用webfont链接可以很好地加载字体，但是。。。我正在创建的应用程序只是本地的，所以在第一次呈现字体时，连接到互联网的任何开销都是显而易见的，而且如果没有互联网连接，就不会加载字体。

@font-face {
font-family: Pt Sans;
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/jduSEW07_j4sIG_ERxiq4Q.woff);
}

以上是工作代码。

@font-face {
font-family: Pt Sans;
font-style: normal;
font-weight: 400;
src: url(fonts/ptsans.woff);
}

当直接从浏览器本地运行时，这是有效的，但我使用的是一个框架，它将chrome网络视图嵌入到我的C#应用程序中，名为CefSharp。不同的是，我模拟的是一个网站链接，而不是直接加载页面。就好像我创建了自己的指向该字体的http://链接，就像webfont一样。

如果我打开Chromes开发工具>资源选项卡>字体并单击本地加载的字体，它会显示默认字体，但如果我单击通过谷歌api加载的字体时，它会呈现正确的字体。

什么是谷歌api发送到浏览器，而我不是？我试过很多mimeTypes都没有用。

Answer 1

您知道字体的跨域策略吗？您可以尝试在字体的http标头中发送Access-Control-Allow-Origin "*"。