为什么Chrome 37中的StackOverflow代码块看起来糟透了?


16

我刚刚在Linux系统上将Google Chrome浏览器更新为版本37。现在,代码块如下所示:

在此处输入图片说明

在我写这个问题时,文本看起来像这样:

在此处输入图片说明

在同一系统上,使用Firefox可以很好地解决带有代码块的问题

Chrome 37中的字体有什么问题?

详细资料

根据Google Chrome开发者工具,计算出以下字体系列:

Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif;

在Firefox中:

Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif

右键单击代码块,选择“检查元素”,在开发人员控制台的右侧面板中选择“计算”选项卡,向下滚动到底部,然后张贴在此处列出的字体名称-都在Chrome和Firefox。我想知道Chrome是否选择位图字体…
user1686

我的意思是在底部的字体名称; 在Chrome中,该标签位于“渲染字体”标签下。无论如何,两种浏览器上计算出的样式都是相同的,但是实际选择的字体可能有所不同。
user1686

4
显然,他们从使用强类型的语言切换到了弱类型的语言。
Daniel R Hicks

4
@DanielRHicks:怎么回事...
user1686 2014年

1
如果问题是特定于SO的,则这可能属于meta.SO,或者属于meta.SE
Crippledsmurf

Answers:


8

请执行下列操作:

  1. 创建文件 ~/.fonts.conf
  2. 添加以下文字

    <match target="font" >
        <edit name="embeddedbitmap" mode="assign"><bool>false</bool></edit>
    </match>
    
  3. 重新启动Chrome

来源:https//code.google.com/p/chromium/issues/detail?id = 408059


2
为我工作。虽然,stackoverflow上的字体与该错误之前的外观肯定不同,但至少现在可以读取。
minism 2014年

就在使用Fedora 19注册摩纳哥字体之后,这件事发生了。
Rubens Mariuzzo 2014年

1
在最近的发行版中,创建文件~/.fonts.conf将引发弃用警告。而是在以下位置创建文件~/.config/fontconfig/fonts.conf。更多信息,请访问:askubuntu.com/a/231274/24159
Rubens Mariuzzo 2014年

2

您似乎遇到了带有Linux字体渲染Chrome 37错误,这可能是由于它们在Windows中更新了渲染引起的。据那里的一些帖子说,它应该在发布之前就已经修复了,但是其他人显然说不是。那里提供了解决此问题的多种建议,包括跳转到38 beta或更新您的本地字体信息以及更改自动提示选项。

我将重新发布他们的示例〜/ .fonts.conf,但我只会尝试将其作为最后的选择。首先尝试Beta。

<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
  <match target="font">
    <edit name="autohint"><bool>false</bool></edit>
  </match>
</fontconfig>`

0

我有同样的问题。操作系统:Linux Mint 17 Cinnamon,带有字体扩展。

检查当前Chrome浏览器的缩放比例。缩小或增加缩放比例应该可以使字体呈现清晰。


1
好吧...我真的不想使用110%缩放的网站。很高兴知道,但不是答案。
马丁·托马

0

编辑〜/ .fonts.conf对我有用,我的〜/ .fonts.conf(debian Jessie,xfce4,chrome 43.0.2357.81(64位))是:

<!-- put to ~/.fonts.conf to improve chrome font rendering -->
<match target="font">
<edit name="autohint" mode="assign">
<bool>true</bool>
</edit>
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
<edit mode="assign" name="hintstyle">
<const>hintslight</const>
</edit>
</match>

问题似乎与版本37有关。您知道您的解决方案是否适用于版本37和版本43?
杰森·艾勒2015年

我可以在37版上运行,但这应取决于您使用的平台,如果不起作用,则可以一一尝试这些选项。
kurtmeln
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.