「CSS」font-styleプロパティの通常体 (normal)のサンプル

2022年5月11日

書式
font-style : 値
normal　通常のフォントです。

font-style は CSS のプロパティで、font-family の中で通常体 (normal)、

筆記体 (italic)、斜体 (oblique) のどのスタイルにするか設定します。

normal　font-family の中で normal に分類されているフォントを選択します。

font-style は CSS のプロパティで、font-family の中で通常体 (normal)、筆記体 (italic)、斜体 (oblique) のどのスタイルにするか設定します。 normal　font-family の中で normal に分類されているフォントを選択します。

font-style は CSS のプロパティで、font-family の中で通常体 (normal)、
筆記体 (italic)、斜体 (oblique) のどのスタイルにするか設定します。
normal　font-family の中で normal に分類されているフォントを選択します。

使用例

<!DOCTYPE html>

<html>

<head>

<style>

.cft {

font-size: 24px;

font-style: normal;

font-family: Times New Roman, "ＭＳＰゴシック";

}

</style>

</head>

<body>

<p class="cft"> 通常のフォントtest123</p>

</body>

</html>

<!DOCTYPE html> <html> <head> <style> .cft { font-size: 24px; font-style: normal; font-family: Times New Roman, "ＭＳＰゴシック"; } </style> </head> <body> <p class="cft"> 通常のフォントtest123</p> </body> </html>

<!DOCTYPE html>
<html>
<head>
<style>
  .cft {
    font-size: 24px;
    font-style: normal;
    font-family: Times New Roman, "ＭＳ Ｐゴシック";
  }
</style>
</head>
<body>
<p class="cft">	通常のフォントtest123</p>
</body>
</html>

結果
font-styleの値は「normal」を使って、画面に通常のフォントが表示されます

CSS

Posted by arkgame

関連投稿: