☰

如何改善 Google Chrome 中的字体外观？

tag-icon • tag-icon windows google-chrome fonts anti-aliasing
如何改善 Google Chrome 中的字体外观？

左边是 Firefox 4，右边是 Chrome 12。

左边是firefox 4，右边是chrome 12，有没有什么办法可以让chrome渲染出更漂亮的字体？

上面的图片是在 Windows XP 上拍摄的。下面是 Windows 7 的另一个示例。

在此处输入图片描述

答案1

检查 ClearType 设置 - Chrome 屏幕截图看起来好像被强制渲染非抗锯齿。这将杀死几乎所有的网络字体，因为它们没有单色提示（出于尺寸等原因）。我以前看到过这种情况被报告为“IE 渲染文本更好”，因为它会忽略您的操作系统级 ClearType 设置并默认启用它。

答案2

所有这些答案都是错误的！这是 Google Chrome 中的一个大错误，请参阅官方错误报告/线程，其中包含大量屏幕截图：Chrome 代码上的官方错误报告

目前最好的解决方法就是给你的元素/标题添加这个简单的规则：

-webkit-text-stroke: 1px

Dr John 的补充：我发现了一个同样有效的建议html { -webkit-text-stroke: 0.25px}- 在这里找到 https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

答案3

Chrome 正在读取您的 ClearType 设置，该设置 在 Windows XP 上默认处于关闭状态。

  1. 要解决此问题，请首先关闭 Chrome 浏览器。

  2. 现在右键单击桌面上的任意位置，然后从下拉菜单中选择“属性”。

  3. 单击新窗口顶部的“外观”选项卡。

  4. 然后点击‘效果’按钮。

  5. 第二个选项应该是“使用以下方法平滑屏幕字体的边缘。”

  6. 选择“ClearType”选项。

  7. 单击“应用”并重新打开 Chrome 浏览器。

从现在开始，Chrome 将以很好的抗锯齿效果呈现您的字体，以实现流畅的效果。

答案4

您是否在 Google Chrome 中启用了 GPU 加速？输入about:flags并查找 GPU Accelerated Canvas 2D，如果已启用，请禁用它。当我在启用加速的情况下浏览某些网站时，字体看起来非常参差不齐。

相关内容