CSSでカスタムフォントでこの醜いフォントスムージングを停止するにはどうすればよいですか？

私は自分のページにカスタムフォントを使用し、CSSを使用してボタンとFont Squirrel generatorで生成されたファイルを使用しています。CSSでカスタムフォントでこの醜いフォントスムージングを停止するにはどうすればよいですか？

フォントの色が黒になっている場合、彼らは罰金を表示...

Black on green

私は何か他のものに色を変更するときただし、テキストがそれぞれに文字を出血平滑化を持っているようです私はと周りにプレイした

White on black

...他、一般の文字があまりにも厚いに見えるのです財産といくつか他のものが、それは仕事を得ることができなかった...

私はそれがあまりにも関連はないと思うが、これらのボタンの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;

背景は別の要素です。

ホワイトテキストを黒いテキストのように表示するにはどうすればよいですか？問題の

^{（両者の違いを伝えるのは難しいかもしれないが、私の上司はそれがあると主張。）}

出典

2011-07-04 alex

ちょうどいくつかのアイデアを捨てて：どのブラウザ/ OSですか？ 'text-align：left'や' font-size'を変更すると何か違いがありますか？ 'text-shadow'は助けますか？あなたは "エキスパート"フォントリスの設定を混乱させてみましたか？他のカスタムフォントにも同じ問題がありますか？ – thirtydot

おそらく、代わりにCufonを試すことができます。 http://cufon.shoqolate.com/generate/ レンダリングができるだけきれいである必要がある場合は、これを使用するように切り替えました。 –

@mu 'letter-spacing：1px'を試しましたが、大きすぎるギャップです。 – alex

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

-webkit-font-smoothing: antialiased;

出典

2012-01-29 20:44:52

一部は、それが特によく作られたフォントではないということです。 @ thirtydotのテキストシャドウの提案に同意します。 1pxのブラック・オン・ブラックのテキスト・シャドウは、フォントを薄くする必要があります。テキストシャドーをサポートしていないブラウザーでは、恐らくフォントがひどくレンダリングされます。私は、フォントを生成し、H1とそれを使用するフォントのリスを使用する場合

出典

2011-07-04 05:44:01 Rocketpilot

そして、いくつかのHTML要素はH1のように、デフォルトとして大胆持っていることを覚えて、h2が...、例えば、私は常に置く：

font-weight: normal;

出典

2011-07-04 18:03:00

私はCSSリセットを使用します。 – alex

CSSでカスタムフォントでこの醜いフォントスムージングを停止するにはどうすればよいですか？

答えて

関連する問題