如何在CSS中使用自定义字体停止这种难看的字体平滑？

Question

我的页面上有一些按钮使用自定义字体，使用CSS和Font Squirrel generator生成的文件。

当字体颜色为黑色时，它们显示正常......

然而，当我将颜色更改为其他颜色时，文本似乎有一个平滑，使角色相互渗透，并且通常会使角色看起来太厚 ......

我玩过font-smooth财产以及其他一些事情，但一直无法让它发挥作用......

我认为它不太相关，但这些按钮的CSS是......

color: #FFFFFF;  
display: block;
padding: 1em 0.3em;
position: relative;
text-decoration: none;
z-index: 10;
font-family: BebasNeueRegular,Arial,Sans-Serif;
font-size: 22px;
list-style: none outside none;
text-align: center;
text-transform: uppercase;

背景是一个单独的元素。

如何让白色文字显示为黑色文字？

^{（可能很难区分这两者，但我的老板坚持认为它存在。）}

Answer 1

这对我有用：

-webkit-font-smoothing: antialiased;

Answer 2

部分问题在于它不是特别精心制作的字体。我同意@thirtydot关于文本阴影的建议。 1px黑色黑色文本阴影应该将字体缩小。任何不支持text-shadow的浏览器都会以可怕的方式呈现字体。

Answer 3

请记住，某些html元素默认为粗体，如h1，h2 ......当我使用字体squirrel生成字体并将其与h1一起使用时，我总是把：

font-weight: normal;