在我的CSS中应用light open sans字体的问题

Question

我在使用字体Open Sans

的css中遇到了一个大问题

问题是我想看一个白色的短语用（浅色）开放sans字体，而只是在使用白色时才显示为粗体！然而，当我用黑色或其他颜色写相同的短语时，它看起来很轻。 有什么想法吗？

这是此链接中的代码：

http://shrib.com/ILjxuPtM

请测试一下，告诉我出了什么问题。

Answer 1

Here is an article about font rendering.

  

CSS color是另一个因素。文本颜色和背景颜色之间不同的对比度可以显着改变类型的外观。较低的对比度意味着抗锯齿显得更加微妙 - 从前景（类型颜色）到背景的渐变步骤不那么引人注目。

     

亮暗文字往往看起来比暗光更厚，因此较低的对比度会在这些情况下产生更大的差异。

我猜你可以简单地使用font-weight属性来调整字体。

Answer 2

Mac上的消除锯齿使得在黑暗背景下的Open Sans中的浅色文本看起来更大胆。您可以将字体平滑选项调整为除子像素以外的其他选项以避免这种情况。

我使用Photoshop在白色背景上堆叠一层暗文本，在具有相同文本的图层顶部以50％不透明度堆叠，但在深色背景上点亮。正如你所看到的，黑暗文本周围有一条白色条纹，考虑到它们同样大胆，它们不应该存在。