如何使跨越浏览器的CSS字体权重一致

时间:2017-03-16 23:40:08

标签: css google-chrome firefox fonts cross-browser

我正在使用@ font-face css选择器在我的网站中实现的自定义字体,并为不同的浏览器提供了不同格式的字体,到目前为止,firefox,chrome IE11和opera近似地呈现字体同样的。

但是当提到font-weight: 900时;只有Chrome成功渲染出足够粗体的字体, firefox和IE渲染接近于chrome渲染为500或600

是否可以在其他浏览器中实现相同的结果而无需在所有不同格式中实现字体的粗体版本???

firefox rendering

chrome rendering

1 个答案:

答案 0 :(得分:0)

保持字体权重一致的最佳方法是确保字体带有粗体字体文件。如果您的字体文件没有达到您想要的重量,那么浏览器&操作系统将尝试手动设置字体样式,正如您所见,这会导致不同的渲染。