我正面临一个奇怪的 chrome 问题。
我正在使用@font-face 加载自定义字体:
@font-face {
font-family: 'AlexBrushRegular';
src: url('AlexBrush-Regular-OTF-webfont.eot');
src: url('AlexBrush-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
url('AlexBrush-Regular-OTF-webfont.woff') format('woff'),
url('AlexBrush-Regular-OTF-webfont.ttf') format('truetype'),
url('AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg');
font-weight: normal;
font-style: normal;
}
我使用了 Font Squirrel Font Face 生成器,它在演示页面上运行良好。
但是当我把这个 css 和字体放在我的应用程序(带有 require.js 的单页应用程序)中时,页面不会呈现。字体已正确加载(请求为 200 OK):
我认为这是与 chrome 相关的问题,因为它适用于 Safari。
我试过在没有本地服务器的情况下加载我的页面:file:///www/index.html,它可以在 Chrome 中运行。
任何输入表示赞赏。
谢谢。
蒂博