我希望你们中的一些 CSS 向导可能遇到了我将要描述的问题。
我为客户网站创建了 css3 按钮,以替换他们当前的图像按钮。这些按钮恰好是深色背景上的浅色字体(红色背景上的白色文本)。
在 OSX 和 iOS 上,quartz 渲染引擎对此有点抓狂,并将字体抗锯齿到死。大胆变得非常非常非常大胆。
奇怪的是,我在 Mac 上开发,无法复制客户端在多个设备上遇到的渲染问题。我已经确定我只启用了系统字体,我的字体平滑设置相同,等等......
我发现一篇文章建议修复基于 webkit 的浏览器 here , 并将文本与其背景分开,以便仅为文本提供不透明度值。
仍然,没有骰子。任何人都知道这里可能是什么问题?
示例图片:
最佳答案
我在基于 webkit 的浏览器上遇到了网络字体的粗体问题。我使用了以下 CSS 属性来补救它:
-webkit-font-smoothing: antialiased;
这似乎是一个比通过不透明度来修复字体粗细更好的解决方案……这真的感觉像是一个 hack。
关于macos - 字体在 Apple 设备上呈现不同。太令人沮丧了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5670073/