浏览器中的字体渲染

我想在我的网站中使用Impact字体作为标题，它在浏览器中像这样反复出现。浏览器中的字体渲染

enter image description here

在Photoshop它看起来像这样

http://variable3.com/files/screenshots/2011-04-04_1612.png

CSS代码

h1{ 
    font-family: Impact, Haettenschweiler, Arial Narrow Bold, sans-serif; 
    font-size:30px; 
} 
h2{ 
    font-family: Impact; 
    font-size:24px; 
}

来源

2011-04-04 Harsha M V

...问题是？ – alxx 2011-04-04 10:49:01

...为什么浏览器不能正确渲染字体。 – 2011-04-04 10:52:32

我没有读心术，所以我真的不知道你的问题是什么，但是您无法使用CSS来模拟Photoshop的字体渲染引擎。

来源

2011-04-04 10:50:06 BoltClock

aint影响Web安全字体？ – 2011-04-04 12:31:40

什么是网页安全与Photoshop如何呈现它，你的操作系统如何呈现它，以及浏览器如何呈现它？或者你是否打算评论其他两个答案？ – BoltClock 2011-04-04 12:32:47

对不起，我的意思是要评论其他答案:( – 2011-04-04 12:58:45

你有一个糟糕的浏览器？

无论哪种方式，您可能会发现http://typekit.com/有趣。

来源

2011-04-04 10:53:27

我使用ff4和typekit没有在其库中的影响:( – 2011-04-05 03:35:58

所以，它是特定于FF4还是它在所有浏览器的问题？ – 2011-04-05 12:31:28

所有浏览器。看起来像渲染问题。任何想法如何解决这个问题？ – 2011-04-05 13:43:01

您需要使用Web Font Embedding Services中的任意一个。

来源

2011-04-04 11:05:07 demas

他们没有影响在他们的库:( – 2011-04-05 03:43:23

浏览器中的字体渲染

回答

相关问题