2011-07-08 14:32:56 +0000 2011-07-08 14:32:56 +0000
72
72
Advertisement

如何改善google chrome中的字体外观?

Advertisement

.

左边是firefox 4,右边是chrome 12。有没有办法让chrome渲染出更漂亮的字体?

上面的图片是在windows xp上拍摄的。下面是另一个windows 7的例子。

Advertisement
Advertisement

答案 (18)

35
35
35
2011-07-12 20:40:43 +0000

检查ClearType设置–Chrome的截图看起来像是被强制渲染为非反锯齿。这将杀死几乎所有的网络字体,因为它们没有单色提示(出于大小等原因)。我曾经看到这种情况被报告为 “IE渲染文本更好",因为它忽略了你的操作系统级别的ClearType设置,并默认将其打开。

23
23
23
2013-03-24 01:22:21 +0000

所有这些答案都是错误的! 这是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

16
Advertisement
16
16
2012-06-26 12:00:32 +0000
Advertisement

Chrome浏览器正在读取你的ClearType设置,而在Windows XP上,该设置默认是关闭的。

1.要解决这个问题,首先关闭 Chrome 浏览器。

  1. 现在右键单击桌面上的任何位置,并从下拉菜单中选择 “属性"。

  2. 点击新窗口顶部的 "外观 "标签。

  3. 点击'效果'按钮。

5.点击 "效果 "按钮。往下的第二个选项应该是:"使用下面的方法来平滑屏幕字体的边缘。”

6.选择 “ClearType "选项。选择 "ClearType "选项。

  1. 点击应用&重新打开Chrome浏览器。

从现在开始,Chrome浏览器将很好地渲染你的字体抗锯齿,以达到平滑的效果。

12
12
12
2012-08-06 09:16:55 +0000

将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 示例

7
Advertisement
7
7
2011-07-12 06:23:57 +0000
Advertisement

您是否在谷歌浏览器中启用了GPU加速功能?输入about:flags并查找GPU Accelerated Canvas 2D,如果启用则禁用。当我在启用加速功能的情况下浏览某些网站时,网站上的字体显得非常锯齿。

2
2
2
2011-07-12 18:56:21 +0000

在Google Chrome浏览器内点击 “扳手”>“选项”>“引擎盖下”>[Web内容旁边]点击 “自定义字体"。

更改你的设置,使你的页面看起来和我的一样

然后点击x,看看你的问题是否得到解决。

如果这样还不能解决,可能还有一件事……但我会等你试过之后再说。

2
Advertisement
2
2
2012-04-18 17:11:27 +0000
Advertisement

Chrome对字体采取系统clearType值。在Windows 7中看得更好解释了这一点。在Mac上,我想所有大于8号的字体都会启用抗锯齿。试着 打开 或更改 Windows 机器的 clearType

更新 。似乎Chrome 22及以上版本会忽略clearType的系统设置。

2
2
2
2012-05-25 12:19:38 +0000

我遇到了完全相同的问题,在Chrome浏览器中渲染来自http://www.google.com/webfonts 的webfonts。我尝试了这个网站和其他几个网站上的所有建议,但都没有用。

最后我开始检查受影响文本的CSS属性,结果发现是实际的字体颜色导致了这个问题。给予color:#454545的标题会渲染得很糟糕,然而同样的标题给予以下。color:#333却能正常工作。感谢上帝赐予用户代理特定样式表

2
Advertisement
2
2
2012-07-19 13:09:58 +0000
Advertisement

Chrome浏览器目前不能很好地渲染网页字体。在他们的问题跟踪器上有几个错误。请将任何与你相关的问题打上星号,以便给予他们更多的关注。

2
2
2
2012-11-24 10:09:13 +0000

在Windows XP中,我只是将 显示→属性→外观→VisualEffects中的抗锯齿选项从 “默认 "改为 "清除类型"。

1
1
1
2016-03-10 19:10:24 +0000

对我来说,这不是Windows 10.1 x64中的ClearType设置,而是我的Chrome浏览器中名为DirectWrite的设置。

1.在Chrome浏览器的地址栏中键入。chrome://flags/#directwrite 2. 并打开DirectWrite,这个设置的标题写着Disable DirectWrite,并确保它下面的按钮显示字样: Enable

这就为我解决了这个问题。

1
1
1
2014-04-25 15:46:45 +0000

我在 Windows XP SP3 中遇到的这个问题非常严重,以至于它使 Chrome 浏览器在所有意图和目的上都无法使用。我注意到我在 “控制面板 "中安装了 "Clear Type Tuning",并尝试取消选中高级选项卡中的 "启用字体平滑"。在重启Chrome浏览器后,即使再次打开 "字体平滑",也没有问题。我决定勾选 "将所有设置应用到新用户和系统的默认值"。

0
0
0
2016-07-05 12:48:59 +0000

转到chrome://flags/(或about:flags),禁用覆盖软件渲染列表**的选项。

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

这个组合对我有帮助。

0
0
0
2014-06-01 04:04:29 +0000

按windows键+r,然后在那里输入cttune.exe

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

并按照说明操作,如果你仍然有问题,请尝试一些其他的例子

这对我来说是有效的,你必须尝试不同的例子,它很像对比度/亮度校准,但对于文本而不是

仅供参考:禁用2D加速可能有助于让chrome与windows cleartype tune工具一起玩。

0
0
0
2011-07-08 18:26:46 +0000

看起来漫长而艰难的答案是你不能。在Chrome帮助中有大量的讨论和建议,但我没有看到任何值得建议的地方。

最大的问题是,你是如何让它看起来如此糟糕的?我是用Chrome在这个框里打字的… 我连放大了一大堆,也没看到你这样的情况。如果你在这之后还有问题,你应该向社区解释出你的配置。

0
0
0
2013-01-12 01:56:15 +0000

虽然Chrome浏览器的字体很 “好用",但在渲染对角线的地方尤其显得单薄、洗练。IE的渲染效果要好得多,但IE是一个较慢的浏览器,所以它FireFox。

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

另外,HackToHell,我在哪里可以改变渲染颜色?

我会试试这个。

0
0
0
2014-08-30 07:04:08 +0000

如果您希望在禁用字体平滑/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

-1
-1
-1
2017-08-18 14:54:18 +0000

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

Advertisement

相关问题

3
19
16
10
7
Advertisement