Chrome无视我的字体选择

时间:2011-02-03 16:04:40

标签: html css google-chrome fonts

让Chrome知道我的字体选择时遇到了一些困难。我没有很多代码,因为我刚开始这个网站。

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

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

在main.css中,同一语句在htmlbodyp下声明,甚至在pp.headerText之类的一些特定p.newsDate标记下声明{{1}}

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

真的令人沮丧。有人可以帮忙吗?

更新

Chrome上的计算风格显示了正确的规则,我甚至在矿山机器的朋友身上测试了它,它也是一样的。两者都在OSX 10.6.6上运行Chrome 8.0.552.237

干杯

5 个答案:

答案 0 :(得分:3)

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

<强>更新

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

此外,它似乎与Chrome和Font Books不同,它们不是Mac上的标准版。我做了一些狩猎,我发现了一个可以工作的脚本,虽然是暂时的。 http://www.danielhanly.com/blog/tutorial/google-chrome-for-mac-broken-fonts/
这将清除您的内部字体缓存,并将在短时间内解决问题。

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

答案 1 :(得分:2)

我遇到了完全相同的问题(仅限Chrome)!

但是在我的Mac SnowLeopard系统中停用 字体“Arial”(无论是truetype,postscript,opentype等)后,显示Times New Roman的效果相反,像Arial,Helvetica,Verdana等Sans Serif字体完全消失了。

我希望它有所帮助。

 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

答案 2 :(得分:1)

请尝试使用Chrome“检查元素”,然后查看“计算样式”。它是什么写的?

始终检查样式,是否覆盖了字体系列?

更新

我为你试过。我看到Arial,正确的字体。详见附件。 enter image description here

答案 3 :(得分:0)

您是否尝试过无缓存刷新? (控制 + + - [R

Chrome可能正在使用较旧的CSS缓存副本。

答案 4 :(得分:0)

在我的情况下,我在页面上使用bootstrap。 text-rendering: optimizelegibility;的规范导致了Chrome中我的字体的渲染问题。

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