TECH I.S.

CSS Web セーフ フォント


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

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


代替フォント

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

したがって、常に代替フォントを使用することが非常に重要です。

これは、同様の「バックアップ フォント」のリストをfont-family財産。最初のフォントが機能しない場合、ブラウザは次のフォント、次のフォント、というように試行します。リストの末尾には常に一般的なフォント ファミリ名を付けてください。

ここでは、Tahoma、Verdana、sans-serif の 3 つのフォント タイプがあります。 2 番目と 3 番目のフォントは、最初のフォントが見つからない場合のバックアップです。

p { font-family: Tahoma, Verdana, sans-serif; }

自分で試してみる »


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

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

  • Arial (サンセリフ)
  • Verdana (サンセリフ)
  • タホマ (サンセリフ)
  • トレビュシェット MS (サンセリフ)
  • Times New Roman (セリフ)
  • ジョージア (セリフ)
  • ガラモン(セリフ)
  • Courier New (モノスペース)
  • 筆文字 MT(筆記体)

ノート:Web サイトを公開する前に、さまざまなブラウザーやデバイスでフォントがどのように表示されるかを常に確認し、常に使用してください。代替フォント!


Arial (サンセリフ)

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

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


Verdana (サンセリフ)

Verdanaは非常に人気のあるフォントです。 Verdana は小さなフォント サイズでも読みやすいです。

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


タホマ (サンセリフ)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


トレビュシェット MS (サンセリフ)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


Times New Roman (セリフ)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


ジョージア (セリフ)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


ガラモン(セリフ)

Garamond は、多くの印刷本で使用される古典的なフォントです。時代を超越した外観と優れた可読性を備えています。

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


Courier New (モノスペース)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »


筆文字 MT(筆記体)

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

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet.

0 1 2 3 4 5 6 7 8 9

自分で試してみる »

ヒント:また、利用可能なすべてをチェックしてくださいGoogle フォントおよびそれらの使用方法。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細