Question

使用@fontface，它在Mac上使用Chrome时效果非常好，但默认使用Chrome浏览器使用Windows。

任何想法为什么以及我能做些什么。我的代码如下，

@font-face {
font-family: 'Yearling yearlite';
src: url('../../fonts/YEARLITE.eot');
src: local('!'),
    url('../../fonts/YEARLITE.woff') format('woff'),
    url('../../fonts/YEARLITE.ttf') format('truetype'),
    url('../../fonts/YEARLITE.svg') format('svg');

干杯

Answer 1

尝试使用Font Squirrel生成的格式。

@font-face {
    font-family: 'ConsolasRegular';
    src: url('consolas/consolas-webfont.eot');
    src: url('consolas/consolas-webfont.eot?#iefix') format('embedded-opentype'),
         url('consolas/consolas-webfont.woff') format('woff'),
         url('consolas/consolas-webfont.ttf') format('truetype'),
         url('consolas/consolas-webfont.svg#ConsolasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

您需要更改font-family和路径，以及SVG哈希后的名称。

@Fontface在Mac Chrome上工作，但不在Windows Chrome上？

1 个答案: