15最高のWebセーフフォント


最高のWebセーフフォント


ウェブサイトのデザインの90%*は次のようになります。

  • (1) 使用する画像アセット 
  • (2) 選択したフォント.
    (*これは、私たちの完全に仮説的な偏った見積もりです。)

フォント埋め込みサービス(Google Web Fontsまたは Adobeフォント)代替案として登場し、デザインに新しく、新鮮で、予期しない何かを与える.

また、非常に使いやすい.

Googleを例にとります:

次のようなフォントを選択します オープンサンズ または ドロイドセリフ または ラト. コードを生成してドキュメントに貼り付けます. これで、CSSで参照する準備が整いました!

それには60秒かかりました。そしてそれは完全に無料でした。 (ありがとう、Google!)

何がうまくいかないのでしょう?

誰もが同じフォントにアクセスできるわけではありません。つまり、問題が発生します。選択したばかりの美しいフォントは、訪問者にとってランダムなものとして表示されます.

Webセーフな代替手段でフォールバックを作成する場合は不可!

仕組みは次のとおりです.

追伸最近無料で公開しました, WordPressを使用してWebサイトを作成する方法のステップバイステップガイド.

「Webセーフ」が重要な理由?

各デバイスには、独自のフォントがあらかじめインストールされています. 選択は主にそのオペレーティングシステムに基づいています.

問題は、すべてのシステムが少し異なるということです.

Windowsベースのデバイスには1つのグループがある場合があります。 MacOSは別のものからプルします。 Google独自のAndroidシステムも独自のものを使用します.

今、ウェブサイトを引き上げます。これでも機能します。表示されているフォントは、本来のフォントではない可能性があります.

意味:デザイナーが、このサイトのデザインに不明瞭な有料フォントファミリーを選択したとします。そのフォントがまだインストールされておらず、Webフレンドリーな場所から取得されない場合、フォント 分かりますか Times New Romanのような基本的なバリエーションにデフォルトで戻ります.

しかし、訪問者として、あなたは必ずしもこれが起こったことを知っているとは限りません。あなたにとっては、それは単に醜く見えるかもしれません.

「Webセーフ」のものは、すべてのオペレーティングシステムに表示されます。これらは、WindowsからMac、Googleまで(UnixやLinuxのフォントも含む)重複するフォントの小さなコレクションです。.

デザイナー(およびWebサイトの所有者)に、フォントを指定する機能を提供します にフォールバック 必要に応じて。このようにして、すべてのデバイスで表示される内容を制御できます(何に関係なく)。そして、あなたはまだ残っているものを選ぶことができます ちょっと 元のフォントに近い(ユーザーがランダムに表示したり、場違いなものを見たりしないようにするため).

これはプランB、「ジャストインケース」バージョンです。悪いフォント選択から世界を救う緊急システム.

とった?良い!から選択する最も人気のあるWebセーフフォントを見てみましょう.

15最高のWebセーフフォント


さらにいくつかあるかもしれません.

しかし、これらは選択するのに最適な15のWebセーフフォントです。これらの1つを選択すれば、間違いはありません.

1. Arial

Webセーフフォント-Arial

Arialは デファクト ほとんどの標準.

これは、最も広く使用されているサンセリフフォントの1つです(つまり、各文字の終わりに小さなカールがありません)。多くの場合、Windowsデバイスでは、他の興味深い(より美しい)フォントの選択に置き換えられます。.

2. Roboto

Webセーフフォント-Roboto

Robotoは、GoogleがAndroidのシステムフォントとして開発したサンセリフ書体です。.

3.タイムズニューローマン

Webセーフフォント-Times New Roman

Times New Romanは、Arialがsans serifと同じものをセリフ化することです.

Windowsデバイスで最も人気があり、古いTimesフォントの新しいバリエーションです。.

4回

Webセーフフォント-時間

Timesフォントはおなじみのようです。狭い列に小さなサイズで表示されるのに慣れているのは、古い新聞の印刷物です。それはそれが得るのと同じくらい伝統的です.

5.新しい宅配便

Webセーフフォント-Courier New

クーリエニューは、以前のタイムズニューロマンに似ており、別の古いクラシックのバリエーションです。また、 等幅 フォント(先ほど見たセリフとサンセリフではなく).

6.宅配便

Webセーフフォント-Courier

Courierは、ほとんどすべてのデバイスとオペレーティングシステムで使用できる古いモノスペーススタンバイです。.

7.ヴェルダーナ

Webセーフフォント-Verdana

Verdanaは真のWebフォントです。 (1) シンプルなサンセリフ線と (2) 超大型です。文字はほとんど細長いので、オンラインで読みやすくなります.

8.ジョージア

Webセーフフォント-ジョージア

ジョージアはサイズと身長がVerdanaに似ています(同じサイズのフォントと比較して通常よりも大きい文字)。したがって、特定の状況には適していますが、このセリフフォントを他のフォント(Times New Romanなど)とペアにしないでください。.

9.パラティーノ

Webセーフフォント-Palatino

パラティーノはルネサンスにさかのぼります. 真剣に! これは、従来から見出しや印刷スタイルの広告に使用されていた、ウェブに最適なもう1つの大きなフォントです。.

10.ガラモンド

Webセーフフォント-Garamond

Garamondは、他の昔ながらのフォントで、 16世紀のパリ. この新しい改善されたバージョンは、ほとんどのWindowsデバイスに導入およびバンドルされました(それ以降、他のデバイスにも採用されています)。.

11.ブックマン

Webセーフフォント-Bookman

Bookman(またはBookman Old Style)は、小さなサイズで使用しても読みやすさ(または読みやすさ)を維持するもう1つの完璧な見出しオプションです.

12. Comic Sans MS

Webセーフフォント-Comic Sans MS

Comic Sans MSは、他のサンセリフオプションに代わる遊び心のある風変わりな選択肢です。.

それもちょっとぼんやりしています。使わないで! ��

13.カンダラ

Webセーフフォント-Candara

Candaraは、Microsoftから委託されたsans-serif書体です。これは、Windows VistaでリリースされたClearTypeフォントコレクションの一部です。.

14. Arial Black

Webセーフフォント-Arial Black

Arial Blackは、基本的なArialのより大きく、より太く、より悪いバージョンです。面白いことに、Helveticaとプロポーションを共有しています。なぜそれが重要なのですか?彼らができるように もともと Helveticaの代わりに使用して、ライセンス料を支払うことなく印刷します.

15.影響

Webセーフフォント-影響

インパクトは、いくつかの短い単語で見栄えがよく、文またはそれ以上では絶対にひどい別の大胆な見出しの選択です.

結論

WebセーフフォントはプランBを提供します。最初のオプションが機能しない場合のフォールバックオプション.

それらは広くアクセス可能であり、何十年もの間ほとんどのデバイスで利用可能です(場合によっては).

ない間 すべて それらのうちの#winners(Comic Sans MS?Yuck!)は、元のオプションと密接に関連しているものから選択するのに十分です.

そうでない場合はどうなりますか? Arialで問題が発生することはありません!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map