Chrome 忽略了我的字体选择答案

【问题标题】：Chrome is ignoring my font choiceChrome 忽略了我的字体选择
【发布时间】：2011-06-20 18:47:46
【问题描述】：

让 Chrome 识别我的字体选择有点困难。因为我才刚刚开始这个网站，所以我没有很多代码。

基本上我在网站上有一个reset.css，然后我的main.css 被调用。在reset.css 中，它在几乎每个 html 标签下都声明了以下语句：

font-family:Arial, Helvetica, sans-serif;

在 main.css 中，html、body 和 p 甚至一些特定的 p 标签下声明了相同的语句，例如 p.headerText 和 p.newsDate

这是一个非常标准的设置。在 Safari、IE 和 Firefox 上，字体呈现为 Arial / Helvetica，在 Chrome 上呈现为 Times New Roman。

这真是令人沮丧。有人可以帮忙吗？

更新

Chrome 上的 Computed Style 显示了正确的规则，我什至在我的朋友的机器上进行了测试，结果是一样的。两者都在 OSX 10.6.6 上运行 Chrome 8.0.552.237

干杯

【问题讨论】：

您是否仔细检查了样式表的路径是否正确？
在 Chrome 中为我工作。渲染 Arial。
我无法重现该错误。签入 firefox 3.6 和 Chrome 9.0.597.86 beta 似乎都使用了正确的字体。
我觉得不错 - 你有用户定义的样式表吗？
对我也有用，尝试重新加载缓存。

标签： html css google-chrome fonts

【解决方案1】：

我已经找到了问题所在。我使用了font-weight: lighter; 命令——我删除了这个，问题就消失了。这表明这是我机器上的字体冲突。仍然不明白为什么它在其他人的机器上看起来都很好，但问题现在已解决 - 看起来不正确，因为我必须使用较重的字体，但它仍然有效。

更新

我们是一家平面设计机构，因此我的机器上有数千种字体变体。似乎冲突就在那里。我在字体堆栈中交换了 Helvetica 和 Arial，现在看起来一切都很好。

此外，它似乎与不是 Mac 上标准的 Chrome 和字体书有关。我进行了一些搜索，并找到了一个可以工作的脚本，尽管是暂时的。 http://www.danielhanly.com/blog/tutorial/google-chrome-for-mac-broken-fonts/
这将清除您的内部字体缓存并在短时间内解决问题。

本质上，这不是代码的问题，而是我的开发机器的问题。当我们使用非标准字体管理器 (Linotype FontExplorer) 管理字体时，会发生一些字体冲突。奇怪的是它只在 Chrome 中。

【讨论】：

【解决方案2】：

我遇到了完全相同的问题（仅在 Chrome 中）！

但是在我的Mac SnowLeopard系统中停用font "Arial"（无论是truetype、postscript、opentype等）后，显示Times New Roman的效果相反，Arial、Helvetica、Verdana 等无衬线字体完全消失了。

希望对你有帮助。

 Modellname:    iMac
  Modell-Identifizierung:   iMac10,1
  Prozessortyp: Intel Core 2 Duo
  Prozessorgeschwindigkeit: 3,06 GHz
  Anzahl der Prozessoren:   1
  Gesamtzahl der Kerne: 2
  L2-Cache: 3 MB
  Speicher: 4 GB
  Busgeschwindigkeit:   1,07 GHz

【讨论】：

【解决方案3】：

请尝试使用 Chrome 来“检查元素”，并查看“计算样式”。它是怎么写的？

始终检查样式，您的字体系列是否被覆盖？

更新

我试过了。我看到 Arial，正确的字体。详见附件。

【讨论】：

我也有这个...令人沮丧，因为它只显示 Times New Roman。一定是在某个地方发生了冲突，但它并不容易找到
如果每个人的 Chrome 显示 Arial 而你的显示 Times New Roman，我猜这是 Chrome 安装问题，而不是你的网站。

【解决方案4】：

您是否尝试过无缓存刷新？ (Ctrl+Shift+R)

chrome 可能使用的是较旧的 CSS 缓存副本。

【讨论】：

不，恐怕没有运气 - 我也完全清空了缓存，仍然坚持使用 Times New Roman

【解决方案5】：

就我而言，我在页面上使用引导程序。是 text-rendering: optimizelegibility; 的规范导致我的字体在 Chrome 中呈现问题。

我将其更改为text-rendering: auto;，这似乎解决了问题。

【讨论】：