css - 字体-face ie8 问题

Question

我正在使用具有以下 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。有没有我遗漏或没有注意的东西？

Answer 1

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

如果名称不同，IE8 不会显示您的字体，IE9(即使在 IE8 模式下)没有这个问题。

在您的例子中，SVG 版本的名称为“MatrixScriptGr-RegularLin”。尝试在 CSS @font-face 字体系列定义中使用相同的名称。