3

Webページの太字のテキストが十分に太字であるとは思わないので、CSSを使用して太字のテキストを微調整できる方法があるかどうか疑問に思いました。

4

6 に答える 6

3

より大きな数値でテキストの「太さ」をfont-weight指定できますが、ほとんどすべてのブラウザは、特定の数値がない場合と同じ「太さ」でテキストを表示するだけです。

または、フォント自体の太字または黒スタイルを使用することもできますが、ほとんどのインターネット ユーザーはこの特定のフォントをインストールしていない可能性があります。

例を参照してください: http://clagnut.com/blog/2228/

于 2010-11-12T07:26:30.363 に答える
2

太字フォントが太字スタイルを実際にサポートしていない場合の回避策は、css3 textshadows を使用して太字をエミュレートすることです。

<span class="bold">some text goes here</span>

span.bold {
    text-shadow: 1px 0px 0px #000; /* the textcolor */
    padding-right: 1px;
    letter-spacing: 1px;
}

右に 1px を追加し、文字の間隔を空けて見栄えを良くします。コンマリストに入れることで、多くの「影」を結合することもできます:

text-shadow: 1px 0px 0px #000, -1px 0px 0px #000, /*...*/ ;
于 2014-04-02T16:10:51.900 に答える
1

font-weight（w3schools.com）プロパティを使用すると、テキストの太字を変更できます。ただし、すべてのブラウザが完全にサポートしているかどうかはわかりません。

于 2010-11-12T07:22:57.033 に答える
0

900を指定できますがfont-weight、ほとんどのブラウザは太字と同じようにレンダリングします。

Arial Blackかなり太字のashなどのフォントの使用を検討できます。

Linuxなどでサポートする予定のプラットフォームに他のフォントを含めることもできます...MacSnow Leopardでは、確かにArial Blackがあり、Windows 7では、コントロールパネルのフォントにArialのみが表示されますが、 Blackなどのスタイルがあり、「ArialBlack」を使用すると次のように動作します。

http://jsfiddle.net/S2SxS/2/

于 2010-11-12T07:23:18.920 に答える
0

はい、このように微調整できます

.myClass 
{
    font-weight: 700;
}
于 2010-11-12T07:24:03.420 に答える
0

テキストを好みのフォントと太字の画像としてレンダリングし、その画像をCSSのテキストの背景画像として設定し、text-indentを大きな正または負の数に設定してページ外に移動できます。スクリーンリーダーと検索エンジンのページにテキストが残っている間、画像はテキストがあった場所に表示されます。

于 2010-11-12T07:33:03.930 に答える