CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSフォントスタイルプロパティの使用方法

CSS font-styleプロパティを使用すると、テキストに3つの異なるフォントタイプ(スタイル)を適用できます。通常、斜体、斜体です。

.normal{
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}
  • normal :は、通常のテキストに使用されるデフォルトのローマン/通常のフォントスタイルです。
  • italic :強調のために使用される、少し右に傾斜したフォントです。
  • oblique :強調のために使用される、少し右に傾斜したフォントです。

強調には斜体と斜体の両方が使用されていますが、違いは何ですか?

  • イタリック fontは、特別に設計されたグリフの独自のセットを備えた独自のフォントです。
  • 斜め fontは、roman/regularフォントの傾斜バージョンです。

どちらのフォントスタイルを使用する必要がありますか?

私は斜めを使うことはありません。私にとって、斜体フォントスタイルは偽の斜体と同じカテゴリにあります —正式には偽のイタリックとは呼ばれていませんが。

以下のフォントスタイルの比較を見てください。すべてDroidSerif書体からのものです:

CSSフォントスタイルプロパティの使用方法

問題がわかりますか?気づかなくても大丈夫です。多くの人が気付かないでしょうが、多くの人が気付くので、それが重要になります。

  • イタリック フォントスタイルは実際のフォントであり、すべてのイタリックと同様にローマ字/通常のフォントに基づいていますが、独自のグリフがあります(設計されています)。
  • 斜め フォントは、通常のフォントの傾斜/歪んだバージョンです。一般的なコンピューター生成のイタリックである偽のイタリックとまったく同じです(書体デザイナーによって設計されたものではありません)。

斜体フォントスタイルと偽のイタリック体の違いを誰かが指摘できる場合は、私にメールを送ってください。それに応じてこの記事を更新します。 🙂


  1. CSSのフォントスタイル

    CSS font-styleプロパティは、要素のテキストの通常、斜体、または斜体のスタイルを指定するために使用されます。 構文 CSSフォントスタイルプロパティの構文は次のとおりです- Selector {    font-style: /*value*/ } 例 次の例は、CSSフォントスタイルのプロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> h2 {    font-style: italic;    background

  2. CSSのborder-colorプロパティ

    CSSのborder-colorプロパティは、要素の境界線の色を指定するために使用されます。また、border-top-color、border-right-color、border-left-color、border-right-colorプロパティを使用して、個々の辺の色を設定することもできます。 構文 CSSborder-colorプロパティの構文は次のとおりです- Selector {    border-color: /*value*/ } 次の例は、CSSのborder-colorプロパティ-を示しています。 例 <!DOCTYPE html>