-1

この質問はおそらくすでに何度も聞かれ、フォトショップはブラウザとはまったく異なる方法でテキストをレンダリングすることを知っていますが、おそらくCSSの第一人者が、このテキストをPSでの外観にできるだけ近づけるのに役立つ可能性があります。

ここに画像の説明を入力してください

私が得た最も近いものは次のとおりです。

color: #666;
font-size: 11px;
font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
font-weight: bold;

しかし、それは太字に見えます、そして私が太字を削除するとそれは薄くなります...

4

2 に答える 2

1

影が少なく、より大胆でシャープな効果を作成するには、代わりに複数の短距離の影を使用してみてください。

text-shadow: 0 0 .1px, 0 0 .1px, 0 0 .1px;

ただし、これは、テキストの大きな山で使用すると、パフォーマンスが低下する可能性があります。

于 2012-10-06T15:55:50.493 に答える
1

text-shadowプロパティを使用してフォントのアンチエイリアスを実行してみてください。使用せずに大胆さを与えるfont-weight: bold;ことができ、次のように追加することletter-spacingもできます:My Fiddle

HTML

<div class="demo">Music 1</div>​

CSS

.demo {
   color: #515151;
   font-size: 11px;
   font-family: arial,sans-serif;
   text-shadow: 1px 1px 1px #515151;
   letter-spacing: .1em;
}

</ p>

于 2012-10-06T10:07:32.973 に答える