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

Question

我在使用 Open Sans 字体的 css 中有一个大问题

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

这是此链接中的代码：

http://shrib.com/ILjxuPtM

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

Answer 1

Here is an article about font rendering.

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

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

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

Answer 2

Mac 上的抗锯齿功能使 Open Sans 中深色背景上的浅色文本显得更粗。您可以将字体平滑选项调整为子像素以外的其他选项以避免这种情况。

我使用 Photoshop 在白色背景上以 50% 的不透明度在具有相同文本但在深色背景上浅色的图层顶部堆叠一层深色文本。如您所见，深色文本周围有一条白色边缘，考虑到它们同样粗体，不应该存在。