为什么嵌入式google地图会改变Safari的字体呈现？ [英] Why is an embedded google map altering Safari's font rendering?

问题描述

如果您在Safari中此页面的页脚，请查看任何其他页面上的同一页脚页面，您会看到字体呈现的差异。它看起来的字体平滑正在应用两次给我。

If you look at the footer on this page here in Safari, then look at the same footer on any other page, you'll see a difference in font rendering. It looks the the font smoothing is being applied twice to me.

如果我关闭Google地图，那么字体渲染会恢复正常，所以我相信地图是问题的根源。

If I turn off the Google map, then the font rendering returns to normal, so I'm confident the map is at the root of the problem.

我对所有文本应用透明字体阴影来修复某些@ font-face渲染问题（主要是伪影），但是这个问题存在或不存在文本阴影。

I am applying a transparent font shadow to all text to fix some @font-face rendering issues (artefacts mainly), but this problem is present with or without text shadow.

这是一个只有Mac的问题。

It's a Mac only problem.

还有其他人遇到这个问题吗？是否有已知的原因和/或修复？

Has anyone else come across this problem? Is there a known cause and/or fix?

推荐答案

过去几个小时我一直在撕裂我的头发。

I've been tearing my hair out with this for the past few hours. You can fix it by adding

-webkit-font-smoothing: antialiased;

我希望这可以为别人节省时间和压力。

I hope this can save someone else the time and stress it caused me.

这篇关于为什么嵌入式google地图会改变Safari的字体呈现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！