我在用物化 http://materializecss.com设计我的一些网页的样式。我注意到 Roboto 字体在 Firefox (v43.0.3) 中无法正确呈现,但在 Chrome 中看起来不错。两个浏览器都从我的服务器下载 woff2 字体文件,该文件这个问题 https://stackoverflow.com/questions/31011278/roboto-from-materializecss-weird-font-rendering-in-chrome-firefox-ok-with-ie似乎表明应该是现代浏览器的最佳选择。
Chrome rendering:
Firefox rendering:
(我意识到这些低分辨率屏幕截图并不是最好的再现,差异在实际浏览器中更加明显。)
在 Firefox 控制台中,我收到一串类似于以下内容的错误消息:
downloadable font: GSUB: too large substitute: 65535 (font-family: "Roboto" style:normal weight:normal stretch:normal src index:1)
downloadable font: Layout: Failed to parse lookup subtable 0 (font-family: "Roboto" style:normal weight:normal stretch:normal src index:1)
downloadable font: Layout: Failed to parse lookup subtable 0 (font-family: "Roboto" style:normal weight:normal stretch:normal src index:1)
Chrome 没有任何投诉。
由于我对字体渲染的复杂性一点也不熟悉,我希望在该领域有一定知识的人可以根据 Firefox 的错误消息了解问题所在。
我终于有一些时间可以进一步研究这个问题,看来一些字体文件物化 https://github.com/Dogfalo/materialize存储库有缺陷。我只需更换其中的字体文件就可以完全解决这个问题dist/font/roboto
具有相同文件的目录机器人字体凉亭 https://github.com/choffmeister/roboto-fontface-bower。只需从任何版本分支中提取即可v0.3.0
或更好。
希望这可以帮助任何因此而感到沮丧的人。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)