我的页面上有一些按钮使用自定义字体,使用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;
背景是一个单独的元素。
如何让白色文字显示为黑色文字?
(可能很难区分这两者,但我的老板坚持认为它存在。)
答案 0 :(得分:3)
这对我有用:
-webkit-font-smoothing: antialiased;
答案 1 :(得分:0)
部分问题在于它不是特别精心制作的字体。我同意@thirtydot关于文本阴影的建议。 1px黑色黑色文本阴影应该将字体缩小。任何不支持text-shadow的浏览器都会以可怕的方式呈现字体。
答案 2 :(得分:0)
请记住,某些html元素默认为粗体,如h1,h2 ......当我使用字体squirrel生成字体并将其与h1一起使用时,我总是把:
font-weight: normal;