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

。

左边是firefox 4，右边是chrome12。有没有办法使chrome渲染更漂亮的字体？

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

检查ClearType设置-Chrome屏幕截图看起来像是被迫渲染为非抗锯齿的。因为它们没有单色提示（出于尺寸原因，尤其如此），所以这几乎会杀死任何Web字体。我曾经看到此报告为“ IE可以更好地呈现文本”，因为它会忽略您的操作系统级别的ClearType设置，并默认将其打开。

所有这些答案都是错误的！这是Google Chrome浏览器中的大错误，请在此处查看官方错误报告/线程，包括大量屏幕截图：Chrome代码的官方错误报告

当前最好的解决方法是简单地给您的元素/标题以下简单规则：

-webkit-text-stroke: 1px

约翰博士的补充：我发现了一个html { -webkit-text-stroke: 0.25px}同样可行的建议-在此处 找到建议https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV_TmJ1QMO4

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

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

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

3. 点击新窗口顶部的“外观”标签。

4. 然后点击“效果”按钮。

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

6. 选择“ ClearType”选项。

7. 点击应用并重新打开您的Chrome浏览器。

从现在开始，Chrome会很好地对字体进行平滑处理，以达到平滑效果。

将SVG文件放在font-face css规则中的较高位置，例如1st或second。

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

代替：

@font-face {
font-family: 'gothbook';
src: url('fonts/gothamrnd-book-webfont.eot');
src: url('fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/gothamrnd-book-webfont.woff') format('woff'),
     url('fonts/gothamrnd-book-webfont.ttf') format('truetype'),
     url('fonts/gothamrnd-book-webfont.svg#GothamRoundedBookRegular') format('svg');
font-weight: normal;
font-style: normal;
}

可以在此处查看此修复程序的示例：

FontSpring示例
Adtrak示例

您在Google Chrome中启用了GPU加速功能吗？输入about:flags并查找GPU Accelerated Canvas 2D，如果启用则将其禁用。在启用加速功能的情况下浏览时，某些站点上的字体看起来确实参差不齐。

在Google Chrome浏览器中，点击扳手>选项>高级选项> [Web Content旁边]，单击自定义字体。

更改设置，使页面看起来像我的页面

然后单击x，然后查看问题是否已解决。

如果仍不能解决问题，可能还会有另一件事...但是我会等到您尝试为止。

Chrome目前无法很好地呈现网络字体。为此，他们的问题跟踪器中存在多个错误。请给与他们相关的任何事项加注星标，以给予他们更多关注。

我遇到了完全相同的问题，即在Chrome中从http://www.google.com/webfonts渲染Web字体。我尝试了所有有关此建议以及其他两个站点的建议，但都无济于事。

最终，我开始检查受影响文本的CSS属性，结果是导致问题的实际字体颜色。给定的标题color:#454545会很糟糕，但给定以下的相同标题：color:#333效果很好。感谢上帝提供用户代理特定的样式表！

在Windows XP中，我只是在“
显示”→“属性”→“外观”→“ VisualEffects ”中将“消除锯齿”选项从“默认”更改为“清除类型” 。

Chrome使用字体的系统clearType值。在Windows 7中看起来更好解释了这一点。我想在Mac上，所有大于8号的字体都启用了“消除锯齿”功能。尝试打开或更改Windows计算机的clearType

更新：好像Chrome 22或更高版本忽略了clearType

我在Windows XP SP3中曾遇到过如此严重的问题，以至于Chrome无法用于所有目的和用途。我注意到我已经在控制面板中安装了“清除字体调整”，并尝试取消选中“高级”选项卡中的“启用字体平滑”。重新启动Chrome之后。没关系，即使再次打开“字体平滑”也是如此。我决定选中“将所有设置应用于新用户和系统的默认设置”框。

对我而言，它不是Windows 10.1 x64中的ClearType设置，但事实证明这是我的Chrome浏览器中称为DirectWrite的设置。

1. 在Chrome的地址栏中输入： chrome://flags/#directwrite
2. 然后打开DirectWrite，此设置的标题为Disable DirectWrite并确保其下的按钮显示单词：Enable

那为我解决了这个问题。

看起来漫长而艰难的答案是，你做不到。Chrome帮助中有很多讨论和建议，但我看不到任何建议。

最大的问题是，如何让它看起来如此糟糕？我正在使用Chrome浏览器在此框中输入内容……我什至放大了一大堆，但看不到任何类似的内容。如果在此之后仍然有疑问，则应向社区解释您的配置。

尽管Chrome对于字体是“可用的”，但它看起来很细，尤其是在渲染对角线的地方被冲洗掉了。IE的渲染效果要好得多，但IE的浏览器速度较慢，因此它是FireFox。

我相信这是chrome代码固有的。

顺便说一句，HackToHell，我在哪里可以更改渲染颜色？

我会尝试的。

按Windows键+ R，然后在其中键入cttune.exe

另一种方法是按Windows键，然后输入cleartype，然后选择Adjust ClearType Text

并按照说明进行操作，如果仍有问题，请尝试其他一些示例

这对我有用，您必须尝试不同的示例，其非常类似于对比度/亮度校准，但对于文本而言

仅供参考：禁用2D加速可能有助于让Chrome使用Windows ClearType调整工具

如果您希望在仍禁用字体平滑/清除类型的情况下仍可读取网络字体，则解决方案是在Google Chrome中禁用网络字体。在这种情况下，浏览器将使用OS标准字体，当禁用cleartype / smoothing时，它们会正确显示。为此，请将/disable-remote-fonts标志传递给chrome.exe。Rigt单击桌面上的Google Chrome快捷方式，选择“属性”，转到“快捷方式”选项卡，然后将“目标”设置为：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" /disable-remote-fonts

禁用网络字体可能存在一个问题。如果网站使用的是网络字体中的图标，则它们不会显示。

Chromium跟踪器中的相应问题：

“不支持网络字体的系统范围的ClearType设置” https://code.google.com/p/chromium/issues/detail?id=319429

转到chrome://flags/（或about:flags）并禁用选项“ 覆盖软件渲染列表”。

加速的2D画布也应被禁用。

这种结合帮助了我。

转到chrome：// flags /并将“ LCD文本抗锯齿”设置为启用。重新启动浏览器。