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

Question

使用@fontface，它在 Mac 上的 Chrome 上运行得非常好，但在 Windows 上的 Chrome 上默认为 arial。

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

@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 哈希后的名称。