在我的css中应用轻量级开放sans字体时出现问题
提问于 2013-03-21 18:20:07
我在css中遇到了一个很大的问题，字体是Open Sans
问题是，我希望看到一个白色的短语与(轻)开放的sans字体，但它只在使用白色时显示为粗体！然而，当我用黑色或其他颜色写同样的短语时，它看起来很浅。有什么想法吗？
以下是此链接中的代码：
请测试一下，然后告诉我出了什么问题。
回答 2
Stack Overflow用户
发布于 2013-03-21 18:56:53
Here is an article about font rendering.
CSS
color是另一个因素。文本颜色和背景颜色之间的不同对比度会显著改变文字的外观。较低的对比度意味着抗锯齿看起来更微妙-从前景(文字颜色)到背景的渐变步骤不那么引人注目。
浅色文本往往比浅色文本看起来更厚，因此较低的对比度在这些情况下会产生更大的差异。
我想您可以简单地使用font-weight属性来调整字体。
Stack Overflow用户
发布于 2017-07-12 10:33:15
Mac上的抗锯齿功能使Open Sans中的浅色文本在深色背景下显得更加醒目。您可以将字体平滑选项调整为子像素以外的其他选项，以避免出现这种情况。
我使用Photoshop在白色背景上以50%的不透明度堆叠了一层黑暗的文本，在相同文本的图层上堆叠了一层黑色文本，但在黑色背景上堆叠了一层浅色的文本。正如你所看到的，黑色文本周围有一个白色的边缘，考虑到它们同样是粗体的，它不应该出现在那里。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15555166
复制相关文章
点击加载更多
腾讯云开发者
