はじめに

ミスドで作業していたら、
特に洒落っ気のない男性が突然マステを使ってアルバムをデコりはじめました…。
男性の間にもマステって流行ってるんですかね?
非常にギャップがあったので、驚きでした。

そんなことはさておき、
次のアプリでもFontAwesomeを使いたいと思い、
今まで使っていなかったFontAwesomeKitを使用してみました。

FontAwesomeKitとは

有名なアイコンフォントであるFontAwesome(http://fontawesome.io/)を
Xcodeプロジェクトで使いやすくしてくれるライブラリです。
CocoaPodsを使って入れられます。

github.com

インストール

Podfileに下記のように記載します。

# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'
target 'SimpleClock' do
# Comment the next line if you're not using Swift and don't want to use dynamic frameworks
use_frameworks!
# Pods for SimpleClock
pod 'FontAwesomeKit', '~> 2.1.0'
target 'SimpleClockTests' do
inherit! :search_paths
# Pods for testing
end
target 'SimpleClockUITests' do
inherit! :search_paths
# Pods for testing
end
end

記載したら、プロジェクトのディレクトリで pod install します。

Copy Bundle Resourcesに追加する

Build Phrases>Copy Bundle Resourcesにフォントファイルがないと、
「フォントファイルが見つからない(’Font file doesn’t exist’)」とエラーになってしまいます。
「+」ボタンを押して「Add Others」からotfファイルを追加してあげましょう。
f:id:shigu493:20180128164935p:plain

追加できました!
f:id:shigu493:20180128165258p:plain

使い方

FontAwesomeKitをimportして、
ボタンやラベルに対してフォントを指定すればOKです。

import UIKit
import FontAwesomeKit
class SettingViewController: UIViewController {
@IBOutlet weak var btnClose: UIButton!
override func viewDidLoad() {
let closeIcon = FAKFontAwesome.closeIcon(withSize: 50)
btnClose.titleLabel?.font = closeIcon?.iconFont()
btnClose.setAttributedTitle(closeIcon?.attributedString(), for: .normal)
}
}

ボタンに×のマークがちゃんと表示されています。
f:id:shigu493:20180128165819p:plain:w300

終わりに

前も「Copy Bundle Resources」に追加的なところでつまずいたことがあるような気がします…。
CocoaPodsでinstallしたのでそのまま取り込んでくれてもいいようにも思いますが…;

とはいっても、
自分でFontAwesomeを使おうとするとunicodeでアイコンを定義した一覧を自分で作らなくてはいけないので、
使えるのであればこういったライブラリを使うのが一番ラクだと思いました。

スポンサーリンク