css - Chrome 中 @font-face 的可怕渲染

标签 css google-chrome windows-7 webkit font-face

你好,

我想知道是否有办法以某种方式强制 Chrome(包括 Safari 和 Opera)更好地呈现由 @font-face 加载的字体?我不确定是不是只有这两种字体,但我真的很怀疑。

Screenshot

上面的快照是在 Firefox 8 中呈现的文本。下面的快照来自 Chrome(16)。现在,如果它在 IE 中呈现得非常糟糕,这也不会打扰我——但在 IE 中它呈现得非常好(类似于 FF)。

所以,我确实尝试了一些事情:

  1. 尝试应用 text-shadow。这让它看起来好一点,但仍然很糟糕。
  2. 我尝试使用 -webkit-font-smoothing: antialiased,但似乎根本没有任何效果。

现在,我可以不再是一个烦人的完美主义者,只需使用图像作为 Logo (因为较小的文本不会呈现那么糟糕,但请注意,仍然很糟糕)并完成它。

我不太喜欢那个解决方案,但如果没有其他解决方案,我会接受它。

谢谢!

最佳答案

https://stackoverflow.com/a/9041280/1112665

如果您的代码来自 font squirrel,它可能就像重新排列某些 css 的顺序一样简单。

关于css - Chrome 中 @font-face 的可怕渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8950164/

相关文章:

html - 如何使 div 沿着根据用户输入添加的动态元素 float 到容器的中心

javascript - 我如何使用 jquery 动画动态移动两个水平 div 的位置

visual-studio - 如何在 Visual Studio Blazor Wasm 应用程序调试期间停止 Chrome 缓存

css - 为什么 Chrome 在使用翻译时会导致此图像周围出现此边框/出血?

python - 我的 python 代码不会在我的 IDE 之外运行

wpf - 用 WPF 应用程序替换 Windows shell

windows-7 - Aptana 在 Windows 7 上崩溃,直到删除 .metadata 文件夹

css - 关闭兼容性 View IE11 时链接按钮未触发的问题

jquery - 尝试确定 Chrome JavaScript 控制台中显示的错误来源

css - 将浏览器特定条件放入 CSS 选择器