4

小さなフォントを少し太字にするための賢いjsまたはcssのトリックを持っている人はいないかと思います。

クライアントの場合、フォントサイズが12px / 15pxで、text-transformが大文字のCourierフォントを使用しています。テキストにフォントの太さを太字で追加しましたが、Photoshopのデザインファイルほど太字ではありません。

小さなフォントをより太く見せるためのコツを知っている人はいますか？

私の現在のCSS：

.block.project p {
    font-family: "Courier New",Courier,monospace;
    font-size: 12px;
    line-height: 15px;
    font-weight: bolder;
}

text-shadowを使っていくつかのトリックを実行しようとしましたが、満足のいく効果が得られません。

前もって感謝します！

4

2 に答える 2

8

フォントの色と同じ色の影を使用して、フォントの影を試すことができます。

次のいずれかがそれを行う可能性があります。

各エッジにぼやけたフォントシャドウを追加します

text-shadow: 0px 0px 1px #000000;

または、各文字の垂直方向の太さに1つのpixを追加します

text-shadow: 0px 1px 0px #000000;

または、各文字の水平方向の太さに1つのpixを追加します

text-shadow: 1px 0px 0px #000000;

これらの2番目は私の個人的な好みだと思います。

ただし、CSS3のサポートは保証されておらず（これはサポートされている機能の1つであると思いますが）、読みやすさを損なう可能性があります。

ここでジェネレーターを探す

于 2012-06-14T10:42:51.390 に答える
0

設定してみてくださいfont-weight: 900;—これはの最大値ですfont-weight。それが役に立たない場合は、を増やしてみてくださいfont-size;。

また、Photoshopとブラウザは異なるレンダリングモデルを使用しているため、違いは常に存在します。

于 2012-06-14T10:35:05.810 に答える