ウェブサイトに様々なアイコンを追加できるWEBフォントの活用

スマートフォンなどのモバイル端末でウェブサイトを見るときは、速度や安定性などの通信環境がある場合があります。

そこで、

ウェブサイト作りのデータも軽量化が求められてきています。

 

モバイル端末で見られる機会が多い場合には、容量の大きいイメージ画像を多く使うのは避けてなが、ページの表示を少しでも速く行われるといいですね。

 

でも、あまりにも画像がなく、テキストばかりだと味気なくなってしまいます。

容量を増加させずに絵的な要素を付け加えたいときには、WEBフォントとして「アイコンフォント」を利用してもいいかもしれません。

 

さまざまなアイコンを組み込むことができるので、簡単に利用することができます。

 

アイコンフォントを使ってみました。
下の画像の用な感じです。

アイコンフォントを使ってみた

文字だけよりも、サイト自体が楽しくなりましたね。

(うるさくならない程度にしたいけど、、、。)

 

 

下記の画像も、ボタンにアイコンフォントをいれてみました。

ボタンにアイコンフォント

 

画像を作らなくていいので、簡単に使えます。

 

 

 

種類が多いWEBフォント

アイコンが豊富に用意されている

「Font Awesome」は、種類が多いのでおすすめです。

 

大きさも調整できるところも良いですね。

 

ウェブサイト作りの便利な情報でした。

ご相談・お問い合わせ


お見積り・ご相談・資料請求はこちらです。
まずは、お問い合わせフォームからお気軽にお問い合わせください。

上部へスクロール