企業イメージを変えるWebフォントの使い方

カテゴリ
Web制作  Web運用ノウハウ 
タグ
デザイン  人気 
B!

ホームページには必ず文字(テキスト)が記載されていますが、この文字にもデザインがあることをご存じでしょうか?

この文字デザインのことを、「フォント」といいます。多くの人はあまり気にせず感覚的に捉えられていると思いますが、フォント一つで閲覧者に与える印象は大きく異なります。

今回はフォントのなかでも、ホームページに用いられる「Webフォント」についてお話してみます。

1.Webフォントとは?

ホームページ制作に携わった経験のある方はご存じだと思いますが、構築の際には「フォントの指定」を行います。

以前は、閲覧者側のパソコンにインストールされているフォントしか表示ができず、インストールされていないフォントは置き換えて表示されていました。ところが最近のフォントは、サーバーからデータを読み込みWebページに表示させるしくみのため、どの端末から閲覧しても同じフォントが表示できます。

このため、それぞれの閲覧環境にインストールされているフォントを気にすることなく、Webデザイナーの意図するフォントを表示できるようになったのです。この技術のことを、Webフォントといいます。

2.フォントが与える印象

どんなホームページにも、フォントは必ず使われています。そのフォントから受ける印象には、「楽しそう」「ポップ」「かわいい」「スタイリッシュ」「かっこいい」「清楚」など、さまざまでしょう。

企業サイトにおいてもフォントが与える印象は大きく、閲覧者に企業イメージを伝えるための重要な要素の一つといえます。

3.Webフォントのメリット・デメリット

【メリット】

【デメリット】

4.Webフォントサービスの種類

Webフォントには「有料」「無料」のWebフォントサービスが存在します。

下記に、有名なサービスをご紹介します。

<有料Webフォントサービス>

「タイプスクエア」

https://typesquare.com/

フォントで有名な「モリサワ」が提供するサービスです。複数のプランから目的に応じて選ぶことができ、800を超える書体から選択が可能です。
サイト内でトライアウト等の機能もあり、見出しや本文ごとにシミュレーションを行うことも可能です。

「Abobe Fonts」

https://fonts.adobe.com/

「フォントパック」というサービスを提供しています。
テーマや用途に応じて選べるので、初心者の方も深く考えず選択することが可能です。

「ウェブフォントファン」

https://webfontfan.com/

日本語Webフォントのサービスサイトです。インストール手順等が優しく説明されており、初心者も始めやすいでしょう。
ユニークなフォントもあり、さまざまな用途に対応できそうです。

<無料Webフォントサービス>

「Google Fonts」

https://fonts.google.com/

Googleが提供しているGoogle Fontsは、無料で使用できます。導入の手順も比較的簡単で、初心者でも使いやすいのも特徴です。

5.まとめ

特徴的なWebフォントを採用することで、デザインの幅が広がり、さらに企業が意図したイメージを閲覧者に届けることも可能になります。

特に企業の印象を決めるコーポレートサイトなどでは、こうした閲覧者に与えるイメージが重要になってきます。写真やイラストと同じように、フォントにもこだわって選んでみてはいかがでしょうか。

関連記事

不動産・住宅に関連したおしゃれなホームページ事例7選!

【事例付き】飲料・食品業界のホームページに必要なコンテンツとは?

【BtoB企業のWebサイト向け】更新コンテンツの見つけ方

Web制作会社が取り組むセキュリティ対策について

Web制作会社が持つべきマインドセットと体制づくりについて

Web制作会社のよくある悩み〜なぜ毎月納品に追い込まれるのか〜