あなたのウェブサイトの25豪華なウェブセーフフォント

書かれた記事:
  • オンラインビジネス
  • 最終更新日:Jan 17、2019

あなたがいるかどうか 電子商取引ストア or 芽吹くブロガーすべてのウェブサイトで共通しているのは、コンテンツ用のテキストの使用です。 あなたの表示されたテキスト(または活字のデザイン)にいくつかの考えを置くことは、 意外にも あなたのサイトの全体的な美しさを作り、その成功を確実にするために重要です。

あなたが魅力的ではない基本的なフォント(または悪いコミックSans!)を使用している場合、あなたは最高のWordPressテンプレートを持っているか、印象的な画像を置くかもしれませんが、あなたはまだ見て感じるウェブサイトに終わるでしょうプロフェッショナルではない。

加えて、オンラインで入手できる豪華なウェブ・タイポグラフィーが豊富にあります。

もちろん、選択したフォントが他のコンピュータで確実に読み込まれるようにするには、「Webセーフフォント」を選択する必要があります。

私たちの25の豪華なウェブセーフフォントでは、この記事の終わりまでに、あなたのウェブサイトのために、いつも動くWebタイポグラフィーを是非お試しください!

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

ウェブセーフフォントは、通常、コンピュータ、携帯電話、スマートテレビ、タブレットなどのほとんどのデバイスにプリインストールされているフォントです。

ウェブセーフフォントが重要な理由

理想的な世界では、あなたのウェブサイトに必要なフォントを選択する能力が必要です。 現実には、使用できるフォントの種類に制限があります。

ほとんどのコンピュータやWebブラウザには、メーカーが事前にインストールしたフォントセットが付属していますが、そのデザインは(通常は)異なる場合があります。 異なるメーカーすべてが共有する標準的なフォントセットはありませんでした。

使用したフォントがユーザーのコンピュータにインストールされていない場合は、Webサイトが一般的なフォントに戻ってしまうことがあります。

それを避けるために、Webデザイナーは、 Webのコアフォント ほとんどのウェブサイトフォントの標準として1996でリリースされたものだ。 これらのフォントセットは最終的に "ウェブセーフフォント"になりました。なぜなら、コンピュータに関係なく、フォントはあなたのウェブサイトに安全に表示されるからです。

私のウェブサイトにウェブセーフフォントを使用する必要がありますか?

短い答え:絶対に。

あなたのウェブサイトのデザインとビジュアルブランドの一貫性を維持したい場合は、ウェブセーフフォントを使用することで、意図したとおりにウェブサイトを表示することができます。

実際には、今日のほとんどすべてのウェブサイトが、ある形のウェブセーフフォントを使用しています。 ウェブデザイナーは、Times New Romanなどの一般的なフォントが特定のフォントやカスタムフォントでない場合にWebサイトにアクセスしたときに表示されないように、Webセーフフォントの選択を推奨します。

これらのWebセーフフォントを追加する方法は?

これらのフォントをWebページに追加するにはいくつかの方法がありますが、プログラミングに慣れていない、または技術的な経験がほとんどない場合は、そのままのCSSコードをコピーして直接貼り付けることができますあなたのスタイルシートにフォントを使用してください。

まだ不明な場合は、次の簡単な手順に従ってください:

  1. header.phpファイルを読み込みます
  2. フォントソース/標準コードをコピーする
  3. ヘッダーファイルの先頭にコードを貼り付けます。
  4. style.cssを読み込み、フォントコードを入力して、選択したフォントのテキストを変更します。

最後に、次のようなスタイルシートが必要です。

あなたのウェブサイトの25ゴージャスなWebセーフフォント

1。 Arial

リンク/ソース: Fonts.com / CSSフォントスタック

2。 カリブリ

リンク/ソース: Fonts.com / CSSフォントスタック

3。 ヘルベチカ

リンク/ソース: Fonts.com / CSSフォントスタック

4。 Segoe UI

リンク/ソース: Fonts.com / CSSフォントスタック

5。 Trebuchet MS

リンク/ソース: Fonts.com / CSSフォントスタック

6。 カンブリア

リンク/ソース: Fonts.com / CSSフォントスタック

7。 パラチノ

リンク/ソース: Fonts.com / CSSフォントスタック

8。 パーペプア

リンク/ソース: Fonts.com / CSSフォントスタック

9。 ジョージア州

リンク/ソース: Fonts.com / CSSフォントスタック

10。 コンソラス

リンク/ソース: Fonts.com / CSSフォントスタック

11。 Courier New

リンク/ソース: Fonts.com / CSSフォントスタック

12。 タホマ

リンク/ソース: Fonts.com / CSSフォントスタック

13。 ヴェルダナ

リンク/ソース: Fonts.com / CSSフォントスタック

14。 オプティマ

リンク/ソース: Fonts.com / CSSフォントスタック

15。 ジルサンズ

リンク/ソース: Fonts.com / CSSフォントスタック

16。 センチュリーゴシック

リンク/ソース: Fonts.com / CSSフォントスタック

17。 カンダラ

リンク/ソース: Fonts.com / CSSフォントスタック

18。 アンデールモノ

リンク/ソース: Fonts.com / CSSフォントスタック

19。 ディド

リンク/ソース: Fonts.com / CSSフォントスタック

20。 銅板ゴシック

リンク/ソース: Fonts.com / CSSフォントスタック

21。 ロックウェル

リンク/ソース: Fonts.com / CSSフォントスタック

22。 Bodoni

リンク/ソース: Fonts.com / CSSフォントスタック

23。 フランクリンゴシック

リンク/ソース: Fonts.com / CSSフォントスタック

24。 影響

リンク/ソース: Fonts.com / CSSフォントスタック

25。 カリストMT

リンク/ソース: Fonts.com / CSSフォントスタック

チェックアウトするフォントツール

あなたのウェブサイトで使用できるさまざまなフォントをチェックしてテストするためのツールがオンライン上に多数あります。 フォントの選択に問題がある場合や、使用できるWebセーフフォントの種類を調べたい場合は、これらのサイトを使用すると効果的です。

フォントペア

フォントペア タイポグラフィを使って何かと何かのリソース、プラグイン、電子ブック、ガイド、ビデオ、さらにはインスピレーションを提供しています。 彼らはあなたにGoogleフォントで利用可能な最も一般的なフォントを提供し、お互いに最良の組み合わせのフォントを提供するセクションを持っています。

Wordmark.it

特定のフォントでテキストがどのように表示されるかのクイックプレビューが必要な場合は、 Wordmark.it 一度に複数のフォントにテキストがどのように表示されるかを即座にプレビューできます。 フロントページバーに単語やフレーズを入力してEnterキーを押すと、CandaraやLucida Consoleなどのさまざまなフォントのテキストが表示されます。

WhatTheFont

WhatTheFont あなたがオンラインで見たフォントを特定して識別するツールです。 あなたがしなければならないのは、フォントのイメージをアップロードすることだけです。WhatTheFontはデータベース内でそれを横断検索して最も近い結果を得ます。 まだ正確なフォントを見つけることができない場合は、 ヘルプを求めるフォーラム.

それはすべてのフォントについてのプレーです

あなたが私のようなものなら、あなたはウェブ上で多くの時間を過ごして、ウェブサイトのトンを読んで訪問しています。 そのため、あなたのサイトのビジュアルデザインを補完するために、ウェブサイトが良いタイポグラフィを使用していることを感謝します。

あなたの目に気に入っているWebセーフフォントを使用すると、ユーザーは感謝してより多くのコンテンツを使い返すことができます。 何を求めている? これらのフォントの使用を開始し、 すばらしいウェブサイトを作る あなたのビジネスのために!

Azreen Azmiによる記事

Azreen Azmiは、コンテンツマーケティングとテクノロジーについて書いている傾向がある作家です。 YouTubeからツイッチまで、彼は最新のコンテンツ制作を続け、あなたのブランドを販売する最良の方法を見つけようとします。

接続する: