CSSWebセーフフォント

Webセーフフォントとは何ですか？

Webセーフフォントは、すべてのブラウザとデバイスに広くインストールされているフォントです。

フォールバックフォント

ただし、100％完全にWebセーフなフォントはありません。フォントが見つからないか、正しくインストールされていない可能性が常にあります。

したがって、常にフォールバックフォントを使用することが非常に重要です。

これは、プロパティに同様の「バックアップフォント」のリストを追加する必要があることを意味しますfont-family 。最初のフォントが機能しない場合、ブラウザは次のフォントを試し、次のフォントを試します。常に一般的なフォントファミリ名でリストを終了してください。

HTMLおよびCSSに最適なWeb​​セーフフォント

次のリストは、HTMLおよびCSSに最適なWeb​​セーフフォントです。

• Arial（サンセリフ）
• ヴェルダナ（サンセリフ）
• ヘルベティカ（サンセリフ）
• タホマ（サンセリフ）
• トレビュシェットMS（サンセリフ）
• タイムズニューローマン（セリフ）
• ジョージア（セリフ）
• ガラモンド（セリフ）
• Courier New（モノスペース）
• ブラッシュスクリプトMT（筆記体）

Arial（サンセリフ）

Arialは、オンラインメディアと印刷メディアの両方で最も広く使用されているフォントです。Arialは、Googleドキュメントのデフォルトフォントでもあります。

Arialは最も安全なWebフォントの1つであり、すべての主要なオペレーティングシステムで使用できます。

ヴェルダナ（サンセリフ）

Verdanaは非常に人気のあるフォントです。Verdanaは、フォントサイズが小さい場合でも簡単に読み取ることができます。

ヘルベティカ（サンセリフ）

Helveticaフォントはデザイナーに愛されています。多くの種類のビジネスに適しています。

タホマ（サンセリフ）

Tahomaフォントは、文字間のスペースが少なくなっています。

トレビュシェットMS（サンセリフ）

Trebuchet MSは、1996年にMicrosoftによって設計されました。このフォントは慎重に使用してください。すべてのモバイルオペレーティングシステムでサポートされているわけではありません。

タイムズニューローマン（セリフ）

Times New Romanは、世界で最も有名なフォントの1つです。プロフェッショナルに見え、多くの新聞や「ニュース」ウェブサイトで使用されています。また、Windowsデバイスおよびアプリケーションの主要なフォントでもあります。

ジョージア（セリフ）

ジョージアはエレガントなセリフフォントです。さまざまなフォントサイズで非常に読みやすいため、モバイルレスポンシブデザインに適しています。

ガラモンド（セリフ）

ガラモンドは、多くの印刷された本に使用される古典的なフォントです。それは時代を超越した外観と優れた読みやすさを持っています。

Courier New（モノスペース）

Courier Newは、最も広く使用されているモノスペースセリフフォントです。Courier Newはコーディングディスプレイでよく使用され、多くの電子メールプロバイダーはデフォルトのフォントとして使用しています。Courier Newは、映画の脚本の標準フォントでもあります。

ブラッシュスクリプトMT（筆記体）

ブラッシュスクリプトMTフォントは、手書きを模倣するように設計されています。エレガントで洗練されていますが、読みにくい場合があります。慎重に使用してください。