Use*_*123 5 html fonts google-chrome google-webfonts
我遇到的问题是字体样式未正确应用。浏览器似乎只是自己将字体加粗，这导致了丑陋的假粗体。
\n\n在 Firefox 中一切正常。问题仅出现在谷歌浏览器中。
\n\n以下是演示的链接：\n http://www.webagenturcms.ch/view/testbootstrapflo.ch/de/Home
\n\n字体都已加载，但不起作用。我缺少什么？
\n\n\n\n[Windows 上 Chrome 的屏幕截图][2] \n链接 2 作为注释\xe2\x80\xa6
\n小智 9
我最近注意到，2016 年的问题在 2020 年仍然存在。所以我觉得这个老问题还是可以回答一下的。
\n\n解决方案是为 MacOS 上基于 webkit 的浏览器定义一个特殊的 css 属性。请在您的 body 标签中插入以下 css：
\n\n
-webkit-font-smoothing: antialiased;\n这会更改 MacOS 上 Safari 和 Chrome 中的字体外观，使其看起来像 MacOS 上的 Firefox 和 Windows 上的 Chrome。副作用是，正常字体会显示得更细一些。
\n\n顺便说一句，apple.com 网站也使用此 css 设置。
\n\n这里详细描述了背景：https://www.uv.mx/personal/gvera/stop-fonts-looking-bold-on-mac-browsers/
\n\n解决方案的简短摘要：\n“Mac 使用子像素渲染来提高显示器的表观分辨率，这有助于渲染更清晰、更锐利的文本。这就是为什么文本看起来更粗的原因，即使未设置。因此，在 Safari 和 Chrome 浏览器上，您可以关闭子像素渲染，转而使用标准的抗锯齿技术来使字体看起来更平滑。”
\n我可能找到了解决方案： https://bugs.chromium.org/p/chromium/issues/detail ?id=31833
Chrome 中似乎存在 @font-face 的错误。
| 归档时间： |
|
| 查看次数： |
9190 次 |
| 最近记录： |