CSS3でフォントを変更する方法-CSSチュートリアル-php.cn

CSS3でフォントを変更する方法

WBOY

リリース： 2021-11-26 14:54:48

オリジナル

2039 人が閲覧しました

CSS では、「font-family」属性を使用してフォントを変更できます。この属性の機能は、要素のフォントを指定することです。「font-family:」を追加するだけです。要素にフォント名「;」スタイルを適用します。

CSS3でフォントを変更する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 でフォントを変更する方法

font-family プロパティを使用して、CSS のフォントを変更できます。

font-family 要素のフォントファミリを指定します。

font-family は、複数のフォント名を「フォールバック」システムとして保存できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントが試行されます。つまり、font-family 属性の値は、要素に使用するフォントファミリ名またはクラスファミリ名の優先リストです。ブラウザは認識した最初の値を使用します。

フォントファミリ名には 2 種類があります。

指定されたシリーズ名: 「times」、「courier」、「arial」などの特定のフォントの名前。一般的なフォントファミリ名: 例: 「セリフ」、「サンセリフ」、「筆記体」、「ファンタジー」、「等幅」。

例を通じてこの属性の具体的な操作を見てみましょう。例は次のとおりです:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
.one{
font-family:"楷体"; 
}
</style>
</head>
<body>
<div class="one">怎么样改字体样式</div>
</body>
</html>

ログイン後にコピー

出力結果:

CSS3でフォントを変更する方法