もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
Symbolset : 意味のある文字列に対応した画期的なシンボルフォントのセット
Symbolsetは130以上のアイコンを収録したシンボルフォント。 “semantic symbol fonts”、といわれるようにそれぞれの文字コードが語彙に対応しているという画期的なものです。 従来のシンボルフォントでは、例えば『♥』を表示させようとしたら、それに割り当てられている一つの文字を指定することになりますが、当然その1文字は『♥』とはまったく関連のない意味を持たない文字に過ぎません。 一方、Symbolsetでは『heart』（あるいは『love』）と指定すると、それが『♥』と表示されるという機能的なフォントで、一つのアイコンには一つあるいは複数のキーワードが割り当てられています。 アイコンを定義するために要素内に意味のない文字列を用いることなく、また、余計なハックも使わずに、ストレートに理想的なマークアップができるという意味でも興味深いものです。 現在、予約注文受付中で特
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
