フォント名に従ってフォントを呼び出すと、ブラウザに必要なフォントが表示されます。

質問 1: ブラウザに必要なフォントを表示するように指示するにはどうすればよいでしょうか? フォントフェイスの後にフォント名を入力するだけですか?

残念ながら、物事はそれほど単純ではありません。フォントの名前はオペレーティングプラットフォームによって異なる場合があります。たとえば、Courier は MAC では Courier New と呼ばれます。あるマシンでは Italic と呼ばれるフォントが、別のマシンでは Oblique と呼ばれる場合があります。注意深く研究すれば、この例がもっとたくさん見つかります。

したがって、フォントと呼ぶ名前は、必ずしもコンピューターがそのフォントに使用する名前と同じではありません。また、使用するフォント名がコンピューター上のフォント名と同じであることを確認する必要があります。

では、コンピュータのフォントの正確な名前をどのように判断するのでしょうか?これは、コンピューターで使用されるオペレーティングプラットフォームによって異なります。

• Windows ユーザー: Word などのアプリケーションのフォントメニューに表示されている正確なフォント名を使用します。
•Mac ユーザー: アプリケーションがリストするフォント名を信頼しないでください。代わりに、システムフォルダーを開き、そこにあるフォントのスペルに従ってスタイルシートでフォント名を使用します。
フォントシリーズ

フォントファミリは、フォントを参照する CSS の名前属性です。基本的な構文は次のとおりです。

コードをコピー

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

H2 { フォントファミリー: ヘルベチカ,
インパクト、サンセリフ}

Web ブラウザがスタイルシートを解釈する方法のルールは次のとおりです。まず、リスト内のフォント名 (helvetica) を検索し、そのフォントがコンピューターにインストールされている場合はそれを使用します。インストールされていない場合は、次のフォント（impact）に移動し、そのフォントもインストールされていない場合は、3 番目のフォント（sans-serif）に移動します。 sans-serif フォントパラメータは、ブラウザが信頼できる最後のパラメータであり、ブラウザにデフォルトの sans-serif フォント (おそらく Arial) を使用するように指示します。

使用しているブラウザの実際の表示結果は以下の通りです。

CSS フォント制御は完璧です。
リストには任意のフォント名を追加できます。これは、さまざまなオペレーティングプラットフォーム上のフォント名がわからない場合に間違いなく良いアイデアです。注: ブラウザでは小文字の名前が優先されます。もちろん、すべての項目をテストすれば問題はありません。

汎用フォントをフォントリストの最後のオプションとして常にリストすることをお勧めします。以下の中から選択できます。
•serif（Timesの場合もある）
•サンセリフ体（Arial または Helvetica も可）
•筆記体（おそらくComic Sans）
•ファンタジー（おそらくランサム）
•等幅フォント（おそらくCourier）
(注: Netsacpe Communicator は Cursive や Fantasy をサポートしていません)

その他のフォント名のヒント:

•フォント名が Gill Sans のように複数の単語で構成される場合は、CSS コード内でフォント名を引用符で囲みます。
BODY { フォントファミリー: "gill sans", "new baskerville", serif }

• CSS ルールをインラインで追加する場合は、一重引用符を使用します。

コードをコピー

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

<P スタイル="フォントファミリー:
「ギルサンス」、「新しい
baskerville', serif">テキスト
ここに記入します。</P>

• CSS ルール仕様をグループ化し、フォントファミリを含める場合は、フォントファミリを最後にリストします。例:

コードをコピー

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

H2 { 色: 赤; 余白:
10px; フォントファミリー: times,
セリフ}

• フォントファミリが最後にリストされていない場合、IE 3 では CSS ルール全体が無視されることがあります。奇妙ですが、事実です。

フォントファミリ属性を使用すると、フォント名でフォントを呼び出すことができ、<FONT FACE> タグを使用する際の柔軟性が向上します。

<<: vue3 タイムスタンプ変換 (フィルターを使用せずに)

>>: Linux システムで TCP 接続を作成するプロセスの紹介