0

我正在使用具有以下 css 规则的自定义字体系列:

@font-face {
    font-family: 'matrix';
    src: url('MaSGRgLn.eot');
    src: url('MaSGRgLn.eot?#iefix') format('embedded-opentype'), url('MaSGRgLn.woff') format('woff'), url('MaSGRgLn.ttf') format('truetype'), url('MaSGRgLn.svg#MatrixScriptGr-RegularLin') format('svg');
    font-weight: normal;
    font-style: normal;
}

可以肯定的是,我已经将我的主要字体转换为所有替代字体。这些对除ie < ie9 之外的所有浏览器都有效。有什么我错过或没有注意的吗?

4

1 回答 1

0

根据我的测试,需要注意的一件重要事情是字体系列名称必须与 EOT 文件中的内容匹配(可使用十六进制编辑器查看,或者如果您有匹配的 TTF 和 Windows,字体预览会告诉您) .

如果名称不同,IE8 不会显示您的字体,IE9(即使在 IE8 模式下)也不存在此问题。

在您的情况下,SVG 版本的名称为“MatrixScriptGr-RegularLin”。尝试在 CSS @font-face font-family 定义中使用相同的名称。

于 2013-03-27T14:35:16.503 回答