4

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

当字体的颜色为黑色时，它们显示得很好......

黑底绿

但是，当我将颜色更改为其他颜色时，文本似乎具有平滑效果，使字符相互渗透，并且通常使字符看起来太厚......

黑底白字

我玩过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;

背景是一个单独的元素。

我怎样才能让白色文本看起来像黑色文本？

（可能很难区分两者之间的区别，但我的老板坚持认为存在。）

4

3 回答 3

4

这对我有用：

-webkit-font-smoothing: antialiased;
于 2012-01-29T20:44:52.443 回答
0

部分问题在于它不是一种特别制作精良的字体。我同意@thirtydot 关于文本阴影的建议。1px black-on-black text-shadow 应该使字体变薄。任何不支持 text-shadow 的浏览器无论如何都会渲染字体。

于 2011-07-04T05:44:01.040 回答
0

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

font-weight: normal;
于 2011-07-04T18:03:00.307 回答