我正试图解决一个恼人的字体问题。特定的 Googles Roboto 字体。
问题是,在我的测试(OSX Sierra 10.12.6 上的 Chrome 62.0.3202.62)中,该字体在深色背景上显得更强(粗),而它在谷歌深色字体版本(https://fonts.google.com/specimen/Roboto?selection.family=Roboto:300,500,700 - 选择深色)上表现不错背景)。
我出现的截图:
与谷歌的出现(它的光)
我开始相信我的渲染有问题,但在几台不同设置的机器上尝试后,一切都一样。
有人知道如何解决这个问题吗?或者解释为什么 Google 和我的测试不同。
测试网址: https://jsfiddle.net/fb3umv2e/
.btn {
display: inline-block;
padding: 7px 8px;
text-align: center;
background: #fff;
color: #000;
font-family: "Roboto";
font-weight: 300;
text-decoration: none;
font-size: 20px;
}
.btn.inverted {
background: #222;
color: #fff;
}
最好的问候 理查德
最佳答案
尝试将这些添加到您的按钮样式中:)
-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;
关于css - 字体在深色背景上看起来更浓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46927586/