3

これを行う簡単な方法はないと思います。CSS の欠点のように思えます。

とにかくここに問題があります:

different fontWeb ページのすべての太字テキストにa を使用したいと考えています。

たとえば、次のマークアップを見てください。

<span>Hello</span> <strong>world</strong>

そしてCSS:

span { font-weight: bold }

太字の単語 (タグを使用するものと css ルールを使用するもの) の両方を別のフォントを使用するための簡単な方法または推奨される方法はありますか?

何かのようなもの:

*[font-weight:bold] { font-family: 'Comic Sans'}

編集:

私が欲しいのは、ページ内のすべての太字のテキストにフォントを設定するグローバル オプションを用意することです。通常、CSS ファイルは時間の経過とともにサイズが大きくなる傾向があるため、太字テキストが使用されているすべての場所に特別なクラスを与えることは現実的な解決策ではありません。

4

5 に答える 5

2

少し嘘をつきますが、これは Firefox 13、最新の Chrome、Opera 11.64、さらには IE9 でも動作するようです:

<h1>This is Bold!</h1>
<p>This is <span id="bold">text</span> that is <strong>bolded</strong>.</p>
<p>Something <span style="font-style: italic;">here</span> is <i>Italicized</i>!</p>

@font-face {
    font-family: 'Merriweather';
    font-weight: regular;
    src: local('Unkempt'), url('http://themes.googleusercontent.com/static/fonts/unkempt/v4/MsFMwD9wD1OCzqw3trD0PA.woff') format('woff');
}
@font-face {
    font-family: 'Merriweather';
    font-weight: bold;
    src: local('Merriweather Bold'), local('Merriweather-Bold'), url('http://themes.googleusercontent.com/static/fonts/merriweather/v4/ZvcMqxEwPfh2qDWBPxn6nnl4twXkwp3_u9ZoePkT564.woff') format('woff');
}
@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  src: local('Cousine Bold Italic'), local('Cousine-BoldItalic'), url('http://themes.googleusercontent.com/static/fonts/cousine/v4/y_AZ5Sz-FwL1lux2xLSTZXhCUOGz7vYGh680lGh-uXM.woff') format('woff');
}
* {
    font-family: 'Merriweather', serif;
}
strong, #bold {
    font-weight: bold;
}

http://jsfiddle.net/userdude/vF9Qr/4

于 2012-06-12T08:17:03.367 に答える
1

CSS仕様で特に明記されている場合を除き、プロパティが互いに独立して機能するのは、CSSの設計上の特徴であり、欠点ではありません。2つのプロパティを結合する方法はありません。のように同じルールでそれらを設定した場合でも.foo { font-weight: bold; font-family: Awkward }、それらは独立して動作します(そして、それらのいずれか、または両方が他のスタイルシートルールによってオーバーライドされる可能性があります)。

したがって、必要に応じて、すべての太字テキストに特定のフォントを使用するように、マークアップとCSSの使用を設計する必要があります。(これは活字的に非常に疑わしいため、想定される必要性の原因となった設計エラーは何か疑問に思います。)一般に、ブラウザーのスタイルシートは必要に応じて太字にすることができ、通常は見出し要素やth要素などを太字にします。したがって、コマンド以外で太字になるのを防ぎたい場合は、から始めます* { font-weight: normal; }

于 2012-06-12T08:31:27.130 に答える
1

あなたのコードでは、すべてが太字になっていますが、タグの をspan変更しないのはなぜですか?font-familyspan

あなたのhtmlをに変更してください

<span>Hello <strong>world</strong></span>

そしてあなたのcss

span {font-weight:bold;}
strong {font-family:'Comic Sans';}

タグを使用することもできstrongます。太字を使用するのに最適なタグです。 http://www.w3.org/wiki/HTML/Elements/strong

于 2012-06-12T08:41:17.153 に答える
0

ここに問題はありませんか?太字のテキストは(マークアップに応じて)bまたは要素のいずれかに含まれるため、ルールを使用してそれをターゲットにすることができますか?strongfont-family

于 2012-06-12T07:43:44.917 に答える
0

スタイルではなく、スパン (ボールド) にクラスを追加し、次のようにします。

span.Bold { font-weight: bold }
strong, span.Bold { font-family: 'Comic Sans' }
于 2012-06-12T07:42:03.030 に答える