css - 为什么嵌入的谷歌地图会改变 Safari 的字体渲染？

Question

如果您查看 this page here 上的页脚在 Safari 中，然后在任何其他页面上查看相同的页脚，您会看到字体呈现的不同。看起来字体平滑对我应用了两次。

如果我关闭 Google map ，字体渲染就会恢复正常，所以我确信 map 是问题的根源。

我正在对所有文本应用透明字体阴影以修复一些@font-face 渲染问题(主要是人工制品)，但无论有无文本阴影都会出现此问题。

这是 Mac 独有的问题。

有没有人遇到过这个问题？是否有已知原因和/或解决方法？

Answer 1

在过去的几个小时里，我一直为此焦头烂额。您可以通过添加来修复它

-webkit-font-smoothing: antialiased;

给有问题的选择器。

我希望这可以节省其他人的时间并减轻它给我带来的压力。