css - 在 Firefox 中，与 css 内容属性一起使用的特殊字符比在 Firefox 中更薄。浏览器/浏览器

Question

您好，我不明白在 Firefox 的内容属性中使用的特殊字符的不同显示行为。我已经剥离了一切并创造了一支笔:

http://codepen.io/rpkoller/pen/Fbgav

在其“基本形式”中，三行比例如在 Safari 或 Chrome 中。如果我添加 font-weight: bold，它们会比 Safari/Chrome 中更厚一些，但仍然更薄。是什么导致其他浏览器在粗细和大小上存在显着差异(似乎字形本身在 Firefox 中也显示得更大)？任何提示将不胜感激。谢谢拉尔夫

Answer 1

我在过去的其他字形中也注意到了这一点；在某些字形上，浏览器不会呈现相同的字形!看看at this thread再举个例子。对于这个问题，我建议您应该使用图标字体 ( you can use a generator like IcoMoon )，或者 SVG 文件。