Undefined Title

Undefined Title

Font AwesomeをiOSで使う

Font Awesomeはアイコンフォントで有名なものの一つ。 アイコンフォントは手っ取り早くアイコンを導入したりする場合にはとても便利。

ウェブサイト上で使うにはCSSをひとつ読むだけで簡単に使えるけど、じゃあiOSで使うにはどうするか？

FontAwesome+iOSというのが助けてくれそうです。
https://github.com/alexdrone/ios-fontawesome.

導入手順

  • fontawesome-webfont.ttfをプロジェクトへコピー
  • フォント名を.plistへ追加
  • .h, .m ファイルをプロジェクトへコピー
  • NSString+FontAwesome.hをimport
  • 実際に使うコードを追加

Xcode-4.6.3で試しました。

フォントをコピー

fontawesome-webfont.ttfをプロジェクトへ追加する。 ファイルはここにあるけど、 現時点では3.1.1とちょっとだけ古い。最新は2013/06/30時点で3.2.1。まあそのうちアップデートされるでしょう。

.plistへフォントファイル名を追加

<your-project-name>-info.plistというファイルがプロジェクト内にあるはずなので、 それを表示して下図のように追加します。独自フォントを使用する場合に必要な設定です。

コードでフォントを指定する

self.labelがUILabelだとすると、次のようにします。 githubとtwitterのアイコンを並べる例です。

#import "NSString+FontAwesome.h"

id github  = [NSString fontAwesomeIconStringForEnum:FAIconGithub];
id twitter = [NSString fontAwesomeIconStringForEnum:FAIconTwitter];
self.label.font = [UIFont fontWithName:kFontAwesomeFamilyName size:32.f];
self.label.text = [NSString stringWithFormat:@"%@%@", github, twitter];

iOSシミュレータで確認

表示されてますね。まさにAwesome！

← Back to home