0

HTML の「フォント」の端を css の背景と一致させるにはどうすればよいですか?

背景に合わせて「太いフォント」(フォントサイズ)の色をピクセルごとに変更するつもりでした。

白いフォントと黒い背景など。フォントの端の色をスムーズに/徐々に背景に合わせて変更する方法は?

例えば

<div style="font-size: 24px; weight: 600; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;">

MY TITLE n LOGO

</div>

明らかに、これはフォトショップで画像として実行できますが、それは帯域幅のルールを破ります。純粋にHTML n CSSにしたい。可能です？「アンチエイリアシング」との関係はありますか？アンチエイリアスとは実際には何ですか？レイジーモード

4

2 に答える 2

2

おそらくやりたいこと（少し不明確な質問）は、オフセットのないテキストにぼやけた影を付けることです。次のようなプロパティを使用して、CSSスタイルをテキストに適用することでこれを行うことができます。text-shadow

{text-shadow:0 0 2px #888;}

またはあなたの場合：

<div style='font-size: 24px; 
            weight: 600; 
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
            text-shadow:0 0 2px #888;'>
</div>

>これがそのフィドルです。

このText-ShadowCSSプロパティのリファレンスは、 w3schools.comにあります。それは4つのパラメータを取ります：

  • h-shadow： 必須。水平方向の影の位置。負の値が許可されます
  • v-shadow： 必須。垂直シャドウの位置。負の値が許可されます
  • blur：オプション。ぼかし距離
  • color：オプション。影の色。

このプロパティは、IE10より前のInternetExplorerブラウザーではサポートされていないことに注意してください。

IEブラウザーでできることは、テキストにぼかしフィルターを適用することです。

filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=1);

または光るフィルター：

filter:progid:DXImageTransform.Microsoft.Glow(Color=gray,Strength=1);

または両方：

filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=1)
        progid:DXImageTransform.Microsoft.Glow(Color=gray,Strength=1);

IE静的フィルターのリファレンスはhttp://msdn.microsoft.comにあります。

于 2013-01-28T06:19:55.720 に答える
0

このように編集する

<div style='font-size: 24px; weight: 600; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;'>
于 2013-01-28T06:18:40.097 に答える