css - 如何使网页字体在所有浏览器中更流畅

Question

我使用了 josefinsans webfont，但字体看起来并不平滑。它在所有浏览器中看起来粗糙且像素化。

我尝试过同时使用 google 网络字体和使用字体生成器生成的网络字体，并使用@font-face 实现。

引用fiddle

HTML:

<div>
    <p>Coming Soon</p>
</div>

CSS:

body{
    background:#000;
    color:#fff;
    font-size:48px;
    font-family: 'Josefin Sans', sans-serif;
}

Answer 1

尝试使用 text-shadow: #fff 0px 1px 1px; ,
您可以找到更多信息 here !
这是 How To Properly Smooth Font Using CSS3 !