Question

我遇到了一个奇怪的问题。使用webfont链接通过谷歌的webfonts api工作正常并加载字体，但是...我正在创建的应用程序只是本地的，所以当第一次渲染字体时，任何类型的开销连接到互联网是显而易见的，如果没有互联网连接，则不会加载任何字体。

@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 webview嵌入到我的C＃应用程序中，称为CefSharp。不同的是，我正在模拟一个站点的链接，而不是直接加载页面。就好像我创建了自己的http：//链接到字体，就像webfont。

如果我打开Chromes开发工具＆gt;资源标签＆gt;字体并单击本地加载的字体，它显示默认字体，但是如果我点击通过谷歌的API加载的字体，它会呈现正确的字体。

什么是google api发送到浏览器我不是？我尝试了很多mimeTypes无济于事。

Answer 1

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

Chrome font-face无法加载本地字体

1 个答案: