非同期スニペット

アイコンを簡単に作れる?Webフォントの利用

無料 ご相談承ってます!

電話 078-955-7461(平日 -)お気軽にご連絡ください!
打合せなどで電話に出れない場合がございます。その場合は、フォームもしくは 070-5503-3830までお手数をおかけしますがご連絡ください。

私たちの実績
(→ 実績一覧へ

Webデザインやグラフィックデザインの実績をご紹介しております。

お知らせ

ブログ最新の10件
(→ 記事一覧へ

事務所案内

  • ワサビ株式会社
  • マーケティング部(東京オフィス)
  • 〒142-0041
    東京都品川区戸越1-21-15 創建ビル4F
  • 本社
  • 〒658-0065
    兵庫県神戸市東灘区御影山手4-10-21
  •    
  • マーケティング部・デザイン室・開発室
  • 〒657-0864
    兵庫県神戸市灘区新在家南町1-1
  • TEL. 078-955-7461
  • 受付時間: 平日 -
  • マーケティング部(福岡オフィス)
  • 〒812-0053
    福岡県福岡市東区箱崎2-10
会社の詳細情報は、こちら

Work with us!

私たちのビジネスの成功は、社会に貢献できると確信してます。

ワサビは、才能や情熱を持った方との出会いを待ってます。

インターネットで出来る事、その可能性を仕事にしたい方は、ご連絡ください!

採用の詳細は、こちら

ソーシャルメディア

アイコンを簡単に作れる?Webフォントの利用

更新日

Webアイコン
スマートフォンでアプリやスマホ専用サイト等を使用する際に、「設定」だと歯車、「タイマー」だと時計、「ホームボタン」だと家などアイコンをタッチして操作することがあるかと思います。
普段あまり意識していませんが、アイコンを使うことにより、文字として「ホーム」とするよりもより直感的に分かりやすく操作ができ画面スペースも抑えることができます。
そんなアイコンですが、ゼロからイメージに合うアイコンを作るのも大変なので素材を利用してみましょう。
「アイコン 素材」と検索すれば色々なアイコンが出てくるかと思います。

画像アイコンは少し大変

素材を利用すると比較的簡単に反映できますが、画像で作られた素材アイコンで大変なのは大きさや色を変える場合。
画像加工ソフトを立ち上げて加工・・それをアップロードとひと手間かかってしまいます。
そんな時に便利なのがWebフォントのアイコンを利用する方法です。

Webフォントとは

ホームページなどを作成する際に制作側でブラウザに表示させるテキストのフォントを指定することができます。但し、閲覧者側のパソコンに指定のフォントが入っていない場合、代替で表示されたりと意図通りのフォントを表示させることができない場合があります。
従来は画像としてテキストなどを作ることもありましたが、その場合はやはり大きさや色を変えるなど変更があった際に大変ですし検索エンジンからもテキストとして認識されません。
そんな時に利用するのがWebフォントです。Webフォントはサーバー上にフォントファイルが置かれるため閲覧者のパソコン内に指定フォントが入っていなくても表示させることができます。

Webフォントでアイコン利用

アイコンもWebフォントとして用意されたものを使用することができます。使えるアイコンの詳細は下記等ご参考下さい。

http://fortawesome.github.io/Font-Awesome/icons/
http://typicons.com/

画像と違いテキストデータなのでCSSを使って装飾ができ拡大縮小や色づけなどをする場合は大変便利です。
アイコンを利用したホームページ制作などを考えている場合はご相談下さい。

カテゴリー : ブログ 

Comments are closed.

ページトップへ

nakagawa