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

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

画像アイコンは少し大変

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

Webフォントとは

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

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

アイコンもWebフォントとして用意されたものを使用することができます。使えるアイコンの詳細は下記等ご参考下さい。
http://fortawesome.github.io/Font-Awesome/icons/
http://typicons.com/
画像と違いテキストデータなのでCSSを使って装飾ができ拡大縮小や色づけなどをする場合は大変便利です。
アイコンを利用したホームページ制作などを考えている場合はご相談下さい。

Related Posts

事業再構築補助金 第2回公募~7月2日まで

事業再構築補助金 第2回公募~7月2日まで

事業再構築補助金の第2回公募が現在受付中です。 残り3回予定とのことですので5回中の2回目となるかもしれません。 事業再構築補助金という名前を初めて聞く方は下記をご覧ください。 事業再構築補助金(公式) 事業再構築補助金 事業計画書 具体的取組内容 事業再構築補助金を簡単にお伝えするとコロナにより売上が減少した企業に対して事業再構築の計画を立ててもらいその資金を最大1億円補助してもらえる制度です。(募集の多い主な枠では6000万円上限)...

今からでも遅くないテレワークのポイント

今からでも遅くないテレワークのポイント

2020年、新型コロナウイルス感染症の流行と共にテレワークが注目されました。 国や自治体も盛んに人流抑制によるテレワークの導入を訴えていましたが、実は感染症対策の為に2020年にぽっと出てきた単語でないのです。 実は2017年頃より政府が推進した「働き方改革」の一つにテレワークがうたわれていました。...

IE11(Internet Explorer)サポート終了が2022年6月16日(日本時間)に決定

IE11(Internet Explorer)サポート終了が2022年6月16日(日本時間)に決定

先日マイクロソフトからIE11のサポート終了期限が発表されました。2022年6月16日(日本時間) IE(Internet Explorer)はバージョンを変えながら長年Windowsの標準ブラウザだったこともあり、親しみが深い人も多いと思います。 そもそも詳しい人以外はインターネット=IEとして、その他のブラウザの存在を意識していない方も多いと思います。...