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

CSSで設定するフォントは以下の方法で設定できます。

1. フォント名を指定する

CSSで使用したいフォントを直接指定することもできます。 CSS スタイルシート フォントの名前。たとえば、Arial フォントを使用したい場合は、次のコードをスタイルシートに追加できます。

body {
  font-family: Arial, sans-serif;
}

これにより、Web サイト内のすべてのテキストが Arial フォントを使用するようになります。 sans-serif は、サンセリフ フォントを参照するために使用される一般的なフォント ファミリ名で、ブラウザーが指定されたフォントを表示できない場合にバックアップ フォントとして使用されます。

2. Web フォントの使用

Web フォントはサーバーによって提供されるため、任意のカスタム フォントを使用できます。 Web フォントを使用するには、CSS スタイルシートに次のコードを追加する必要があります。

@font-face {
  font-family: "MyFont";
  src: url("myfont.woff"),
       local("MyFont"),
       url("myfont.ttf");
}

この例では、MyFont はこのカスタム フォントの名前 myfont.woff# です。 ## と myfont.ttf はフォント ファイルへのパスです。このコード ブロックは、@font-face という名前のルールを定義し、ルール内のフォントの名前とフォント ファイルへのパスを指定します。

Google フォントの使用

Google は、Web サイトで使用できる無料の Web フォント サービスを提供しています。 Google Fonts を使用するには、CSS スタイルシートに次のコードを追加する必要があります。

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">

この例では、

Open Sans が使用するフォントの名前です。その後、他のフォントと同じようにスタイルシートでこのフォントを使用できます。

body {
  font-family: "Open Sans", sans-serif;
}

これにより、サイト内のすべてのテキストに Google が提供する

Open Sansfont が使用されます。

通常、CSS フォントは、フォント名を指定するか、Web フォントを使用するか、Google Fonts を使用して設定できます。各方法には長所と短所があるため、ニーズに応じて選択する必要があります。

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