Firefox 正在打破我的小型大写字母
Firefox is breaking my small-caps
我遇到了 font-variant: small-caps
无法在 Firefox 中正确呈现的问题。任何其他浏览器都可以。由于其许可,我坚持使用这种特殊的字体,甚至这种特殊的面部定义。
它在 Firefox 中的外观:
它的外观(来自 Chrome):
这是字体编码的问题吗?有解决方法吗?
此问题已在 this jsFiddle 中完整呈现。 (Base64 编码的字体太大,无法全部放入问题中。)
这些字符的字体已损坏。其他浏览器以不同于 Firefox 的方式回退到下一个字体。您可以通过提供明显不同的字体作为字体系列中的第二种字体来看到这一点。例如,在这个 JsFiddle 中,Wingdings 被用作第一个后备字体。即
body { font-family: "THAT-FONT", Wingdings, "Open Sans", "open-sans", Sans-Serif; }
https://jsfiddle.net/rnwvpfy1/2/
看看 Chrome 是如何显示的,表明它没有为损坏的字符使用 "THAT-FONT" 字体。
我遇到了 font-variant: small-caps
无法在 Firefox 中正确呈现的问题。任何其他浏览器都可以。由于其许可,我坚持使用这种特殊的字体,甚至这种特殊的面部定义。
它在 Firefox 中的外观:
它的外观(来自 Chrome):
这是字体编码的问题吗?有解决方法吗?
此问题已在 this jsFiddle 中完整呈现。 (Base64 编码的字体太大,无法全部放入问题中。)
这些字符的字体已损坏。其他浏览器以不同于 Firefox 的方式回退到下一个字体。您可以通过提供明显不同的字体作为字体系列中的第二种字体来看到这一点。例如,在这个 JsFiddle 中,Wingdings 被用作第一个后备字体。即
body { font-family: "THAT-FONT", Wingdings, "Open Sans", "open-sans", Sans-Serif; }
https://jsfiddle.net/rnwvpfy1/2/
看看 Chrome 是如何显示的,表明它没有为损坏的字符使用 "THAT-FONT" 字体。