ブログのデザインでも使用している「Webフォントアイコン」を本当にオススメしたい！
画像を使わない事を心がけてデザインブログという形態である以上、画像を使用するページが多くなってしまいます。 そこでベースとなる部分にはサイトの軽さを意識して画像を使わずに表現しようと決めていました。 そこでWebフォントアイコンの登場です。 Webフォントアイコンを使うメリットWebフォントアイコンを使用する事でこのようなメリットがあります。 いくらでも大きくできる。Retinaディスプレイにも問題無しCSSを使えばサイズ・色も簡単に制御可能CSS3でリッチな表現も簡単。画像でアイコンを制作した時と比べると修正が必要となった時の手間が段違いです。 WebフォントであればCSSで色・サイズを変更できるので調整がしやすい。 そして昨今、Retinaディスプレイによってデザイナーが泣かされている中でWebフォントアイコンを使用すれば、Retinaなんて関係ないのです！ 今回はフラットデザインでの
日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法
WEBサービスのアイコンフォントについて ウェブアイコンフォントと言えば現時点ではFont Awesomeが最も使われています。 Font Awesomeには、多数のウェブアイコンフォントがあり使い勝手もとても良いです。WEBサービスのロゴアイコンも多数揃っています。 ただ、Font Awesomeは海外で制作されていることもあり、海外でよく利用されているWEBサービスロゴしかありません。 例えば、Twitter、Facebook、Google＋、YouTube、Tumblrなどはあるのですが、feedly、はてブ、ポケット、LINEなど日本のブログ界隈でよく利用されているWEBサービスのロゴはありません。 こういうのは、自前でウェブアイコンフォントを作るしかありません。 僕も以前feedlyのアイコンフォントがなかったので以下のように作成しました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
creativedo.co
Icons | Font Awesome
