ウェブページのフォント設定についての簡単な説明

サイト全体のフォントを設定することは、常にシンプルでありながら難しい作業です。深く掘り下げていくと、関係する事柄が多すぎるからです。

この記事では主に、一般的な Web サイトのニーズに応じてフォントを選択する方法について説明します。

1. 必要な知識

まず、このフォントを設定したからといって、ユーザーのコンピューターにこのフォントが表示されるわけではないことを明確にしておく必要があります。

ユーザーのコンピュータにこのフォントがインストールされていない場合は、設定した 2 番目のフォントでレンダリングされます。一般的な設定を見てみましょう

XML/HTML コードコンテンツをクリップボードにコピー

font-family:tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif; /* \5b8b\4f53 は Songti を意味します。この Unicode エンコーディングはすべてのブラウザと互換性があります */

上記のコードを Tahoma フォントのないマシンに設定すると、マシンは Arial フォントでレンダリングされます。どちらも利用できない場合は、後者を使用します。指定したフォントが使用できない場合は、サンセリフフォントファミリのフォントが使用されます。

それでは、サンセリフとは何かについてお話ししましょう。

Sans-serif はサンセリフフォントを意味します。これはフォントの種類ではなく、フォントの種類の総称です。

同様に、serif はセリフフォントを使用することを意味します。

(説明: セリフはフォントの非常に小さな変更です。詳細については Baidu で検索してください。この記事とは関係がないので、詳しく説明しません。)

一般的なフォントファミリについては、次のとおりです。

•serif: セリフ付きのフォント。デフォルトのセリフフォントは Times New Roman です。中国語フォントの場合は Songti、Fangsong などです。

•sans serif: サンセリフフォント。 Arial はデフォルトのサンセリフフォントです。中国語フォントでは、Microsoft YaHei と Heiti がすべてこのタイプです。英語フォントには、Helvetica、Geneva、Verdana などがあります。

•monospace: 等幅フォント。このフォントのすべての文字の幅は同じです。通常、プログラムコードなどを表示するために使用される Courier は、デフォルトの等幅フォントです。中国語の場合、各文字の幅は同じです。

2. フォントの設定方法

上記の必要な知識を読んだ後、フォントについてより体系的な理解が得られるはずです。

では、ウェブサイトのフォントはどのように設定するのでしょうか?

Songti、Arail、Tahoma を最初のフォントとして使用することに慣れている人もいます。しかし、ここには大きな問題があります。フォントサイズが大きい場合 (16 ピクセル以上)、レンダリングが非常に醜くなります。ただし、私のコンピューターでは Windows のフォント最適化ツールを使用しているため、それをお見せすることはできません。全体的に見て、大きなフォントの場合、この設定はかなり見苦しいです。

Microsoft YaHei はフォントが大きいと見栄えが良いと言う人もいます。 Microsoft YaHei を完全にセットアップしてみませんか?

ここで大きな問題があります。YaHei は Windows Vista でのみ使用できます。ユーザーシェアが 65% を超える XP ユーザーにとって、YaHei をセットアップすることは、それを書き込まないことと同じです。彼らは今でもソンティかそれに似たものを使ってそれを表現しています。ただし、自分を慰めたり、上司とやり取りしたりする場合を除きます (上司は通常、トレンドに従って Windows 7 以降を使用します)。ほとんどのユーザーにとって本当に役に立たない。さらに、Microsoft YaHei は 12px フォントをレンダリングする場合 Songti ほど優れていません。

ですので、フォントをどのように設定するかについては、実際の業務や状況に応じて設定すればよいと思います。

3. 結論

以上の分析を踏まえて、私がかなり良いと思う設定方法をまとめました

1: 総合的に最高

サイト全体のフォント設定は以下の通りです

XML/HTML コードコンテンツをクリップボードにコピー