Swift UIKit’te FontAwesome Pro Kullanımı

Selamlar, Xcode içinde Stroyboard ile FontAwesome ikonlarını nasıl kullanabilirsiniz bunu göstereceğim. Öncelikle anlatacağım yöntemde herhangi bir kütüphaneye(Package, pod) ihtiyacımız olmayacak. Ancak FontAwesome Pro üyeliğinizin bulunması gerekecek.

1.Adım “OTF” Dosyalarını İndirme
2.Adım “OTF” Dosyalarını Projeye Ekleme
3.Adım “Info.Plist” Dosyasına “OTF” Dosyalarını Tanımlama
4.Adım “Label” Oluşturma
— -Label.text “\u{unicode}”
— -Label.font
— -Label.textColor

1.Adım “OTF” Dosyalarını İndirme

İlk olarak FontAwesome sitesinden Pro üyeliğine özel “OpenType Font(.otf)” dosyalarını indireceğiz.

2.Adım “OTF” Dosyalarını Projeye Ekleme

Daha sonra Xcode’a geçiyoruz. Xcode projemizin içinde herhangi bir klasöre “otf” dosyalarını ekliyoruz. Burada eklerken dikkat etmemiz gereken kısım ise sürükle bırak yaptıktan sonra ekrana çıkan pencerede “copy items if needed” işaretlemek ve “add to target” kısmından projemizi seçmek.

3.Adım “Info.Plist” Dosyasına “OTF” Dosyalarını Tanımlama

Ekleme işleminden sonraki adım ise info.plist dosyasına fontlarımızı tanımlamak olacak.

“Information Property List”
— — -“Fonts Provided by Application”
— — — — — -fontName

Fontlarımızı eklerken dosya uzantısı ile beraber isimini kopyalıyoruz. Ve aşağıdaki videoda olduğu gibi Fonts Provided by Application altına hepsini ekliyoruz.

4.Adım “Label” Oluşturma

Son olarak Main kısmından veya Kod ile bir label oluşturuyoruz. Ben Main kısmından oluşturdum. Daha sonra label’ı Class’a sürükle bırak ile bağlıyorum.

Oluşturduğumuz label’ın fontunu aşağıdaki gibi FontAwesome’lardan birini seçiyoruz.Burada String olarak verdiğimiz font adlarının yazılış biçimi önemli. Dosya adları gibi boşluk ve sayılar bulunmuyor. Daha sonra text’ini ise fontAwesome sitesinden seçtiğimiz herhangi bir ikonun Kodu olarak ayarlıyoruz. “\u{code}” text formatı bu şekilde olmalı.

“FontAwesome6Pro-Regular”
“FontAwesome6Pro-Light”
“FontAwesome6Pro-Solid”
“FontAwesome6Pro-Thin”
“FontAwesome6Duotone-Solid”
“FontAwesome6Sharp-Regular”
“FontAwesome6Sharp-Solid”
“FontAwesome6Brands-Regular”

Copy Unicode(f015)

“\u{code}” text formatı bu şekilde olmalı.

“textColor” ile ikon rengini ayarlayabilirsiniz. İkon’u büyütmek için sadece “size”’ı arttırmak yeterli olmayacaktır. Label “Frame”’ini ayarlamayı unutmayın.

class ViewController: UIViewController {

    @IBOutlet weak var myLabel: UILabel!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        
        /*
        
           "FontAwesome6Pro-Regular"
           "FontAwesome6Pro-Light"
           "FontAwesome6Pro-Solid"
           "FontAwesome6Pro-Thin"
           "FontAwesome6Duotone-Solid"
           "FontAwesome6Sharp-Regular"
           "FontAwesome6Sharp-Solid"
           "FontAwesome6Brands-Regular"
         
         */
        
        
        myLabel.font = UIFont(name:"FontAwesome6Pro-Thin", size: 20)
        myLabel.text = "\u{f015}"
        myLabel.textColor = UIColor.red
    }


}

Sorularınız için “info@ozancicek.com” dan bana ulaşabilirsiniz. Hoşça Kalınn 👋