字体在不同浏览器中看起来不同

Question

字体在不同的浏览器中看起来不同。怎么修？ Font in FireFox， Font in IE

我认为没有任何区别。我尝试过单独的样式表

<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="css/fontsie.css">
<![endif]-->

。 我还链接了<link rel="stylesheet" type="text/css" href="fonts.googleapis.com/css?family=sans-serif">;。  这是我的代码http://jsfiddle.net/priyaa2002/FfFwe/5

Answer 1

嗯，显然他们的字体不一样。最有可能的是，您使用的是Firefox中可用但在IE中不可用的字体。你能给我们任何提示，比如HTML是什么样的吗？

另外，检查两种浏览器中的默认字体设置。 Firefox一个看起来像一个特殊的字体（比如Times Roman更高更轻），而另一个字体是一种几乎不带衬线的字体（有些带有一些花饰的无衬线字体），如Ultima。

<强>更新

好的，我知道了。您的font-family是

font-family:Verdana, Geneva, sans-serif;

你的IE没有Verdana或日内瓦（我认为你的firefox正在进入日内瓦），所以默认为sans-serif。如果您真的希望它们看起来都一样，请考虑关联Google字体，以便您的网页可以从Google的网络中为您加载字体。

我只是把它弄到了

font-family:Verdana, Geneva, Times, sans-serif;

它看起来更好。

Answer 2

在不同的浏览器中，字体总是会略有不同，除非你使用图像或JavaScript解决方案，否则没有办法解决这个问题。一种流行的解决方案是typeface.js。

我建议您阅读字体并对其他解决方案进行一些研究，然后尝试一下。

指向typeface.js的链接： http://typeface.neocracy.org/

祝你好运！

马蒂