SIRIUS(シリウス)で画像の代わりにFont Awesomeでアイコン簡単表示

Tips_機能の拡張 Tips_プチ裏ワザ Tips_iPhone Tips_その他 購入者特典 購入者専用ページ

画像の代わりにFont Awesomeでアイコン簡単表示

サンプル画像

 

申し訳ございません。
この記事の全文は当サイトからのシリウス購入者のみ閲覧可能となっております。

テキスト(文字)自体を目立たせたい。。。

テキストの意味を明確にしたい。。。

 

こういった目的のために
テキストの前後にアイコン画像をつけることがよくあります。

 

たとえばSIRIUSには、
1クリックでテキストを補完するための工夫がデフォルトで搭載されています。

 

こういったヤツですね。

テキスト
テキスト
テキスト

テキスト

 

しかしSIRIUS搭載のものだけではうまく表現しにくいケースもあったりします。

 

そしてこれらのアイコン群はすべて画像です。

 

つまり他にも表現を増やそうと思ったら
画像をいちいち作る必要があります。

 

しかしながらいくらSIRIUSに簡易画像作成機能が付いていたとしても
限界はありますよ。

 

それに画像とテキストの位置調整といったような
面倒な設定も付いて回ります。

 

実はこういった表現を画像ではなくテキストで補ってくれるサービスがあるのを
ご存知でしょうか。

 

それが「Font Awesome」という画像のようなフォント群です。

 

例えばコチラをご覧ください。

テキストの前にあるアイコンは画像ではなく全部フォントなんですよ。

ホーム

設定

チェックマーク

レストラン

指さし

矢印

更新

メール

 

フォントなので滲んだりボケることもありません。

 

色だって大きさだって簡単に変えられますよ。

たとえばこんな風に↓。

ホーム

設定

 

回すことだってできちゃいます。

設定

更新

 

ここで紹介したもの以外にもまだまだたくさんあります。

※こちら↓はその一部。

 

キャプチャ画像

 

「Font Awesome」をSIRIUSに追加しておけば、
ものの十数秒で画像のようなアイコンが簡単に付けられるんです。

 

その実装方法、拡大・色付け、よく使うアイコンのフォントコードなどを
ご紹介しちゃいます。

 

申し訳ございません。
この記事の全文は当サイトからのシリウス購入者のみ閲覧可能となっております。

購入ページへ


てっぺん