Question

我尝试使用dax-medium字体，但它只在Safari中呈现。为什么它不能在其他浏览器中运行？这是我的css：

@font-face {
font-family: 'daxmedium';
src: url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.eot');
src: url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.woff2') format('woff2'),
     url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.woff') format('woff'),
     url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.ttf') format('truetype'),
     url('http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.svg#daxmedium') format('svg');
font-weight: normal;
font-style: normal;
}

Answer 1

我对此jsfiddle的第一次尝试失败，出现以下错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource 
at http://www.almoproav.com/App_Style/css/fonts/dax-medium-webfont.ttf. 
(Reason: CORS header 'Access-Control-Allow-Origin' missing).

稍后我将该字体上传到我的示例git project，并在Firefox＆amp;中验证了此hosted链接。铬，它在那里工作正常。这在IE11中没有用。

Dax-medium字体只能在safari中使用 - 为什么其他浏览器不能渲染？

1 个答案: