1

これは可能ですか？基本的に、「このタグ内で、azはイタリック体になりますが、他には何もしません」というタグを設定できるようにしたいと思います。または、azとAZについても同様です。

4

2 に答える 2

1

CSS は、ページのコンテンツではなく、ページの構造を直接スタイル設定することを目的としています。

そうは言っても、それを回避する方法がいくつかあります（明らかに）：

  1. 斜体にしたい文字を囲う<i>,<span>,<em>,<dfn>,<var>,<cite>
  2. JavaScript を使用してすべてのテキストを検索し、これらの要素をそのテキストの周りにラップします
  3. サーバー側のコードを使用してテキストを配列に分割し、サーバー側のタグでテキストをフォーマットして、コンテンツがページに表示されるときに既にフォーマットされているようにします。

CSS を使用して特定の文字を選択する方法はありません。

于 2012-09-20T01:18:05.600 に答える
0

サポートが制限された CSS3 機能 (WebKit ブラウザー)、つまり のunicode-range制限を@font-faceトリッキーな方法で使用することのみが可能です。以下は、私のコンピューターでは Chrome と Safari で機能しますが、おそらくあなたのコンピューターでは機能しません。

@font-face {
  font-family: funny;
  src: local("Times New Roman");
}
@font-face {
  font-family: funny;
  src: local("Times New Roman Kursivoitu");
  unicode-range: U+61-7A;
}
p { font-family: funny; }

使用されているフォント ファミリーの特定の斜体フォント (書体) の特定の名前を見つけることができれば、コンピューターでも動作する可能性があります。Italicおそらくfor を代用するKursivoituことでこれを行うことができますが、ポイントは、フォントファミリ名 (Times New Roman など) が同じであっても、特定の名前がシステムによって異なるということです。

font-styleそして、これは醜いハックです。なぜなら、それがデフォルト ( ) であるにもかかわらず、ブラウザがイタリック フォントを使用するようになるからですnormal。

このアイデアは、ダウンロード可能なフォントと一緒に使用できます。その名前を制御できるからです。これをFontSquirrelの Cardo フォント ファミリでテストし、提供された CSS を少し編集しました。

@font-face {
    font-family: 'Cardo';
    src: url('Cardo104s-webfont.eot');
    src: url('Cardo104s-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cardo104s-webfont.woff') format('woff'),
         url('Cardo104s-webfont.ttf') format('truetype'),
         url('Cardo104s-webfont.svg#CardoRegular') format('svg');
}
@font-face {
    font-family: 'Cardo';
    src: url('Cardoi99-webfont.eot');
    src: url('Cardoi99-webfont.eot?#iefix') format('embedded-opentype'),
         url('Cardoi99-webfont.woff') format('woff'),
         url('Cardoi99-webfont.ttf') format('truetype'),
         url('Cardoi99-webfont.svg#CardoItalic') format('svg');
    unicode-range: U+61-7A;
}
p { font-family: Cardo; }

ここでは、特定のフォント名CardoRegularをCardoItalic同じ名前に変更Cardoし、a ～ z の文字が斜体で表示され、通常の Cardo でその他の文字が表示される要素にその名前を使用します。

文字 a ～ z および A ～ Z をイタリック体にするには、制限を次のように編集します。

unicode-range: U+41-5A, U+61-7A;

@font-face制限をサポートしているがサポートしていないブラウザーではunicode-range、このトリックは要素全体で通常の Cardo を使用するようにフォールバックします。

于 2012-09-20T07:03:01.220 に答える