我正在使用具有以下 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。有没有我遗漏或没有注意的东西?
最佳答案
根据我的测试,需要注意的一件重要事情是字体系列名称必须与 EOT 文件中的内容匹配(可以使用十六进制编辑器查看,或者如果您有匹配的 TTF 和 Windows,字体预览将告诉你)。
如果名称不同,IE8 不会显示您的字体,IE9(即使在 IE8 模式下)没有这个问题。
在您的例子中,SVG 版本的名称为“MatrixScriptGr-RegularLin”。尝试在 CSS @font-face 字体系列定义中使用相同的名称。
关于css - 字体-face ie8 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14860990/