CSSでMicrosoft Yaheiフォントを設定する方法

CSS (Cascading Style Sheets) は、Web デザインに使用されるスタイルシート言語で、Web ページのさまざまな視覚効果を制御できます。中でもフォントはWebデザインにおいて最も基本的かつ重要な要素の1つです。

Microsoft Yahei は、可読性に優れ、線もはっきりしており、使い心地も良い非常に優れたフォントです。この記事では、Microsoft Yahei フォントを Web ページで使用するために CSS で設定する方法を紹介します。

まず、Web ページの先頭で CSS スタイル シートを宣言します。次のコードを使用できます:

<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

ここでは Font Awesome フォント ライブラリを使用します。Microsoft Yawei を直接使用できます。フォント ファイルをダウンロードせずに Web ページに表示されます。黒いフォントです。

次に、次のコードを使用して CSS でフォ​​ントを設定できます:

body {
  font-family: "微软雅黑", sans-serif;
}

この例では、フォント ファミリを「Microsoft Yahei」に設定します。この値は、指定されたフォントに対応します。名前。この例では、フォールバック フォント ファミリを「sans-serif」に設定します (この値は、指定されたフォントが利用できない場合にブラウザが自動的に使用する汎用フォント クラスです)。

この CSS ルールでは、スタイル設定を「body」要素に適用します。これにより、本文テキストや見出しを含むすべてのテキストが指定されたフォントでレンダリングされます。

ドキュメント全体ではなく特定の要素にスタイルを適用したい場合は、そのセレクターを使用できます。たとえば、次のスタイル ルールでは、ヘッダー要素内のすべてのテキストで Microsoft Yahei フォントが使用されます。

header {
  font-family: "微软雅黑", sans-serif;
}

フォント ファミリーの設定に加えて、フォント サイズ、太さ、色なども設定できます。たとえば、次のコードは、テキストのフォント サイズを 18 ピクセル、重みを標準、色を黒に設定します。

body {
  font-size: 18px;
  font-weight: normal;
  color: #000000;
}

Where "font-size" 属性はフォント サイズを設定し、"font -weight" 属性はフォントの太さを設定し (太字の場合は "bold"、通常のフォントの場合は "normal" に設定できます)、"color" 属性はフォントの色を設定します。

CSS で Microsoft Yahei フォントを使用する場合、letter-spacing (文字間隔)、line-height (行の高さ)、text など、より多くの属性を使用してフォントのスタイルとレイアウトを制御することもできます。 -align (テキストの水平方向の配置) など。

つまり、CSS を使用して Microsoft Yahei フォントを設定することは基本的かつ重要なスキルであり、このスキルをマスターすると、Web デザインがよりプロフェッショナルで美しいものになります。この記事の紹介を通じて、CSS で Microsoft Yahei フォントを設定する方法を最初にマスターできたことを願っています。

以上がCSSでMicrosoft Yaheiフォントを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。