4

CSSとFontSquirrelジェネレーターによって生成されたファイルを使用したカスタムフォントフェースを使用して、ページにいくつかのボタンがあります。

フォントの色が黒の場合、きれいに表示されます...

緑に黒

ただし、色を別の色に変更すると、テキストにスムージングが含まれているように見え、文字が互いににじみ、一般的に文字が太くなりすぎます...

黒地に白

私は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;

背景は別の要素です。

白いテキストを黒いテキストのように表示するにはどうすればよいですか？

（2つの違いを区別するのは難しいかもしれませんが、私の上司はそれがそこにあると主張しています。）

4

3 に答える 3

4

これは私のために働いた：

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

また、h1、h2などの一部のhtml要素はデフォルトで太字になっていることを覚えておいてください...フォントリスを使用してフォントを生成し、それをh1で使用する場合、たとえば、常に次のように記述します。

font-weight: normal;
于 2011-07-04T18:03:00.307 に答える
0

問題の一部は、それが特によくできたフォントではないということです。@thirtydotのtext-shadowの提案に同意します。1pxの黒地に黒のテキストシャドウでフォントを薄くする必要があります。text-shadowをサポートしていないブラウザは、とにかくフォントをひどくレンダリングします。

于 2011-07-04T05:44:01.040 に答える