使用Firefox中的Materialize显示Roboto字体的问题 [英] Display Issues with Roboto Font from Materialize in Firefox

问题描述

我使用

Firefox渲染：

（我认识到这些低分辨率的screencaps并不是最好的复制品，差别在实际的浏览器中更为明显）。控制台，我收到类似于以下错误消息的字符串：

 可下载的字体：GSUB：太大代替ute：65535（font-family：Robotostyle：normal weight：normal stretch：normal src index：1）
 
可下载字体：布局：解析查找子表失败0（font-family： Roboto的风格：正常的体重正常的舒展正常的src索引1）
 
可下载的字体：布局：解析查找子表失败0（font-family：Robotostyle：normal weight：normal stretch ：正常的src索引：1）
  

没有任何来自Chrome的投诉

由于我不太熟悉字体渲染的复杂性，所以我希望有一些在这个领域有一定知识的人可以根据Firefox的错误消息来想出问题的根源。 >

解决方案

我终于有一段时间可以看看这个多一点了，看来有些字体文件在 materialize 存储库是有缺陷的。我完全可以通过将 dist / font / roboto 目录中的字体文件替换为 roboto-fontface-bower 。只要从任何版本分支 v0.3.0 或更好。

希望这可以帮助其他人沮丧了。

I am using Materialize to style some of my web pages. I have noticed that Roboto font does not render correctly in Firefox (v43.0.3), but looks fine in Chrome. Both browsers are downloading the woff2 font file from my server, which this question seems to indicate should be the optimum choice for modern browsers.

Chrome rendering:

Firefox rendering:

(I realize these low-res screencaps are not the best reproduction, the differences are much more apparent in the actual browsers.)

In the Firefox console, I receive a string of error messages similar to:

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)

No complaints from Chrome.

As I am not at all familiar with the intricacies of font rendering, I was hoping that someone with some knowledge in that area might have an idea what the problem is based on the error messages from Firefox.

解决方案

I finally had some time available to look into this a bit more, it appears that some of the font files in the materialize repository are defective. I was able to completely resolve this issue simply by replacing the font files in the dist/font/roboto directory with the same files available at roboto-fontface-bower. Just pull from any of the version branches v0.3.0 or better.

Hope this helps anyone else who has been frustrated by this.

这篇关于使用Firefox中的Materialize显示Roboto字体的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！