*

それこそAwesomeなアイコンウェブフォント「Font Awesome」

500近いアイコンを無料で

 

おはようございます!茅野です。

「ウェブフォント」という仕組みがあります。

 

ウェブサイトを見る時、使われるフォント(字体)は、基本的に利用しているパソコンのフォントに限られるのですが、この仕組みを使うとその制限がなくなるという便利なもの。

 

すでに海外ではかなりポピュラーになってきています。

 

ウェブサイトがフォントを表示する仕組み

特に指定しない場合、ウェブサイトに表示される文字フォントは、利用しているパソコンにインストールされているものが利用されます。

 

ですから、ウェブサイト側でいくらカッコいいフォントを指定したとしても、そのフォントが利用者のパソコンになければ、デフォルトの(あまりカッコ良くない)フォントで表示されるという悲しいことになってしまうんですね。

 

そういった“ユーザー環境に依存”してしまう問題を解決するのが、このウェブフォントなわけです。

基本的にフォントですから、スタイルシートを使えば文字と同じように簡単に装飾が可能。

 

アイコン風のフォントも用意されています。

webfont

 

特に見た目のデザインを重視するサイトには取り入れられているようですね。

 

残念なことは...

とは言っても、文字数が多いという日本語のハードルの高さのせいか、日本での普及はまだまだのよう。

やはりメインは海外(特に米国)のようです。

 

海外ではすでに「Font Awesome」のようなウェブフォントを無料で提供しているサイトが多数あり、様々なサイトで利用されています。

 

Font Awesome

http://fortawesome.github.io/Font-Awesome/

fontawesome_web

 

とりあえずはアイコンで

グローバル的に見れば、日本語というのは何にしても大きな障害になるなぁ、というのが多くの技術者の本音でしょう。

 

「Font Awesome」のような、それこそ「Awesome(いけてる)」な日本語ウェブフォントの登場が待たれますね。

 

とりあえずは、アイコンとして利用するのがよさそうです。

メニューの横にさりげなく表示させておけば、ユーザービリティー的にもデザイン的にもかなり好印象ですから。

自己紹介ビデオを作りました!
JV(ジョイントベンチャー)しませんか?

関連記事

ai

人工知能は今度こそブレークするか?ディープラーニングのビジネスへの応用

FacebookやGoogleが人工知能に夢中な理由 今...

記事を読む

fullcalendar_web

ユーザビリティに優れたjQueryカレンダープラグイン

FullCalendarならドラッグで日付指定が可能   ...

記事を読む

containedstickyscroll_web

スクロールに追従するボックスを手軽に!jQueryプラグイン「Contained Sticky Scroll」

常にユーザーに見せたいコンテンツにドウゾ   茅野で...

記事を読む

datepicker_demo

日付入力ならJQueryのDatepickerウィジェット

直感的なユーザーインターフェース   茅野です。 ...

記事を読む

新着記事

ai

人工知能は今度こそブレークするか?ディープラーニングのビジネスへの応用

FacebookやGoogleが人工知能に夢中な理由 今...

記事を読む

moschinotoy_2

ド素人でもこんな写真が!商品撮影セット「フォトラ」のスゴさ

ネット物販でもっとも大事なもの   おはようございま...

記事を読む

amicolla_banner

明治アミノコラーゲンのコピー “途切れる会話”がキーワード

いつものコラーゲンで大丈夫?   おはようございます...

記事を読む

facebook_ads

ツールを使ってユーザーのリストをごっそりと フェイスブック広告

いいことずくめの宣伝活動   おはようございます!茅...

記事を読む

directpublishing_banner

またも見かけた新聞記事風バナー 今度はダイレクト出版

ダン・ケネディが登場   おはようございます!茅野で...

記事を読む

コメント/トラックバック

現在、この投稿へのトラックバックは受け付けていません。

コメントフィード




管理人にのみ公開されます


七 + 4 =

ai
人工知能は今度こそブレークするか?ディープラーニングのビジネスへの応用

FacebookやGoogleが人工知能に夢中な理由 今...

moschinotoy_2
ド素人でもこんな写真が!商品撮影セット「フォトラ」のスゴさ

ネット物販でもっとも大事なもの   おはようございま...

amicolla_banner
明治アミノコラーゲンのコピー “途切れる会話”がキーワード

いつものコラーゲンで大丈夫?   おはようございます...

facebook_ads
ツールを使ってユーザーのリストをごっそりと フェイスブック広告

いいことずくめの宣伝活動   おはようございます!茅...

directpublishing_banner
またも見かけた新聞記事風バナー 今度はダイレクト出版

ダン・ケネディが登場   おはようございます!茅野で...

→もっと見る

  • 2017年10月
    « 3月    
    1234567
    891011121314
    15161718192021
    22232425262728
    293031  
PAGE TOP ↑