如何改善google chrome中的字体外观?
左边是firefox 4,右边是chrome 12。有没有办法让chrome渲染出更漂亮的字体?
上面的图片是在windows xp上拍摄的。下面是另一个windows 7的例子。
左边是firefox 4,右边是chrome 12。有没有办法让chrome渲染出更漂亮的字体?
上面的图片是在windows xp上拍摄的。下面是另一个windows 7的例子。
所有这些答案都是错误的! 这是Google Chrome浏览器中的一个大bug,请在这里查看官方bug报告/帖子,包括大量的截图。Chrome代码官方bug报告
目前最好的解决方法是简单地给你的元素/标题加上这个简单的规则:
-webkit-text-stroke: 1px
John博士的补充:我发现了一个建议,html { -webkit-text-stroke: 0.25px}
也可以用–在她那里找到了 https://groups.google.com/forum/?fromgroups#!topic/mathjax-users/dV/_TmJ1QMO4。
Chrome浏览器正在读取你的ClearType设置,而在Windows XP上,该设置默认是关闭的。
1.要解决这个问题,首先关闭 Chrome 浏览器。
现在右键单击桌面上的任何位置,并从下拉菜单中选择 “属性"。
点击新窗口顶部的 "外观 "标签。
点击'效果'按钮。
5.点击 "效果 "按钮。往下的第二个选项应该是:"使用下面的方法来平滑屏幕字体的边缘。”
6.选择 “ClearType "选项。选择 "ClearType "选项。
从现在开始,Chrome浏览器将很好地渲染你的字体抗锯齿,以达到平滑的效果。
将SVG文件放在字体面CSS规则中的较高位置,例如:
@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;
}
。
0x1&
这个修正的例子可以在这里看到。 FontSpring 示例 Adtrak 示例 。
Chrome对字体采取系统clearType值。在Windows 7中看得更好解释了这一点。在Mac上,我想所有大于8号的字体都会启用抗锯齿。试着 打开 或更改 Windows 机器的 clearType
更新 。似乎Chrome 22及以上版本会忽略clearType
的系统设置。
我遇到了完全相同的问题,在Chrome浏览器中渲染来自http://www.google.com/webfonts 的webfonts。我尝试了这个网站和其他几个网站上的所有建议,但都没有用。
最后我开始检查受影响文本的CSS属性,结果发现是实际的字体颜色导致了这个问题。给予color:#454545
的标题会渲染得很糟糕,然而同样的标题给予以下。color:#333
却能正常工作。感谢上帝赐予用户代理特定样式表
Chrome浏览器目前不能很好地渲染网页字体。在他们的问题跟踪器上有几个错误。请将任何与你相关的问题打上星号,以便给予他们更多的关注。
对我来说,这不是Windows 10.1 x64中的ClearType设置,而是我的Chrome浏览器中名为DirectWrite的设置。
1.在Chrome浏览器的地址栏中键入。chrome://flags/#directwrite
2. 并打开DirectWrite,这个设置的标题写着Disable DirectWrite,并确保它下面的按钮显示字样: Enable
这就为我解决了这个问题。
我在 Windows XP SP3 中遇到的这个问题非常严重,以至于它使 Chrome 浏览器在所有意图和目的上都无法使用。我注意到我在 “控制面板 "中安装了 "Clear Type Tuning",并尝试取消选中高级选项卡中的 "启用字体平滑"。在重启Chrome浏览器后,即使再次打开 "字体平滑",也没有问题。我决定勾选 "将所有设置应用到新用户和系统的默认值"。
转到chrome://flags/
(或about:flags
),禁用覆盖软件渲染列表**的选项。
加速的2D画布也应该被禁用。
这个组合对我有帮助。
如果您希望在禁用字体平滑/cleartype的情况下仍可阅读网页字体,那么解决方案是在Google Chrome浏览器中禁用网页字体。在这种情况下,浏览器将使用操作系统的标准字体,当禁用cleartype/smoothing时,这些字体将正确地呈现。要做到这一点,请向chrome.exe传递/disable-remote-fonts
标志。右键单击桌面上的 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 。