2015-01-13 56 views
1

我在不同的浏览器中显示字体时遇到问题。在我的CSS样式中,我向我的body声明font-family: Arial !important;font-weight:normal;。当我用mozilla firefox和chrome打开我的网站时,mozilla中的字体看起来比铬更厚。在Chrome和Firefox中使用不同结果的字体Arial

enter image description here

我也用reset.css但它没有做任何的不同。像ie和opera这样的另一个浏览器与Chrome相同。

任何人都知道如何强制每个浏览器中的字体变得彼此一致?

+0

此问题已在多个不同版本中问过很多次。一般的答案可以概括为“那就是生活”。 –

回答

0

我认为这是因为Mozilla和Chrome使用了不同的CSS引擎,所以我可以检查两者是否使用相同的字母,而不同的确是最小的,仅仅是因为那些是不同的Web浏览器,它们永远不会完全相同至少不要使用相同的说明。

+0

似乎不仅字体不同,我只是注意到我的布局也不同。我声明''但它看起来像在铬显示比mozilla更长。 你有什么建议可以解决这个问题吗?请。 –

+0

就像我在帖子中所说的,没有什么可以做的,因为这是一个浏览器问题,我的意思是,你可以尝试强制相似性,但这会更危险,我很抱歉。 –

2

请不要在此引用我的话,但我记得阅读一些关于Chrome渲染文本的内容,与其他CSS引擎执行的传统方式略有不同。所以有可能你没有做错任何事情,而只是浏览器。

请确保DirectWrite打开。 (应该是如果你的Chrome是最新的)

你可以通过去chrome:// flags并查看“DirectWrite”行来做到这一点。

你必须记住,文本的外观更依赖于浏览器的渲染能力 - 比CSS更重要。我知道这听起来很奇怪,但你不是只有一个:

The same font looks different in Chrome vs. Firefox, IE and Safari

Arial in Chrome

Fonts looks different in Firefox and Chrome

对不起,我知道这并不直接回答您的查询,但我只是想让你知道,这可能是一个浏览器问题,而不是CSS。

相关问题