为什么我的字体对于400和500重量的铬看起来是一样的？

Question

我使用谷歌字体的Roboto，由于某些原因，Chrome渲染它与400和500相同，它只是公牛。关于mozilla，一切都很好，花花公子，但真的是什么与铬？另外，400斜体比400正常尺寸更小。实际的平均值是什么？

包含字体的Css：

@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic);

我还想提一下我使用bootstrap 3.5所以我想重置是不可能的

Answer 1

看起来字体正确导入，所以我必须假设它在其他地方被覆盖font-weight属性的问题，特别是如果你使用bootstrap。

检查文本元素上的检查器样式和计算属性，以确保其他内容不会覆盖您的字体粗细值。如果被忽略，您将在字体粗细值中看到一条线。

作为快速测试，请使用font-weight: 500 !important;，看看是否可以修复它。如果是这样，您需要理清CSS的特殊性。