font-family 属性の使用方法

不言
リリース: 2021-04-20 14:43:37
オリジナル
25493 人が閲覧しました

font-family 属性は、要素のフォント ファミリを設定するために使用されます。その使用方法: 最初に HTML サンプル ファイルを作成し、最後に本文の p タグを使用してファイルを作成します。 「font-family:混体; 」でフォントを設定します。

font-family 属性の使用方法

#この記事の動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

CSS の font-family 属性は、要素のフォント ファミリーを設定するために使用されます。Web ページに表示されるフォントを指定したい場合は、 font-family 属性を設定する必要があります。 font-family 属性の使用法を詳しく見てみましょう。

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

具体的な例を見てみましょう

コードは次のとおりです:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
 <style type="text/css">
    p.sample1 {font-family:楷体; }
 </style>
  </head>
  <body>
    <p class="sample1">文字的字体设置</p>
  </body>
</html>
ログイン後にコピー

結果は次のとおりです: フォントが斜体であることがわかります


font-family 属性の使用方法

フォントを設定するときに注意する必要があるのは、設定するフォント形式が Windows フォント ライブラリに存在する必要があることです。そうでないと有効になりません。


この記事はここで終わります。さらに興味深い内容については、php 中国語 Web サイトの他の関連コラム チュートリアルに注目してください。 ! !

以上がfont-family 属性の使用方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート