Css 如何在所有浏览器中使web字体更平滑

我用过josefinsans的webfont，但字体看起来并不平滑。它在所有浏览器中看起来都很粗糙和像素化

我尝试了使用谷歌网页字体和使用字体生成器生成的网页字体，并用@font-face实现了它

提及

Html:

---

尝试使用

文本阴影：#fff 0px 1px 1px，

你可以找到更多的信息

而这就是
 它不支持，而且如果我们使用文本阴影，它看起来很奇怪。
<div>
    <p>Coming Soon</p>
</div>

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