🔡 Custom Font를 추가하는 법

[chaneeii]

커스텀 폰트를 넣어야하는 상황이 발생했는데, 자꾸 안넣어져서 이런저런 해결을 통해 잘 넣는 팁을 포함해서 작성하게 되었다.

0. 우선 폰트파일 준비하기

ttf, otf 파일을 준비해온다!

1. 폰트 파일을 넣기

✅ Add to targets 에서 프로젝트명을 꼭 체크해줘야한다 ✅ 이건 꼭 안해도 되긴하는 것 같은데 Create folder references 로 체크해서야 폰트가 들어갔다. (회색폴더 파랑폴더 차이..나중에 공부해봐야겠다..!)

2. Info.plist 에서 폰트 파일 등록하기

✅ Fonts provided by application 에 폰트 파일명을 그대로 확장자까지 입력해준다!

3. 폰트적용하기

요렇게 불러서 사용하면된다.

label.font = UIFont(name: "MavenProBold", size: 30)

👀 TIP) 폰트의 진짜 이름을 알아보자

근데 여기서 폰트를 적용하는데 폰트가 제대로 적용이 안되는 경우가 있을 수도 있다. 자꾸 폰트가 안떠서 찾아보니 파일명이랑 폰트 진짜 이름이 달라서 그렇다는 것을 발견했다.

그럴땐???? 아래 코드를 실행시켜서 진짜 폰트이름을 확인해보면 된다!

UIFont.familyNames.sorted().forEach { familyName in
    print("*** \(familyName) ***")
    UIFont.fontNames(forFamilyName: familyName).forEach { fontName in
        print("\(fontName)")
    }
    print("---------------------")
}

-> 파일명이랑 폰트명이 다른 거 발견

references

https://velog.io/@minji0801/iOSSwift-Custom-Font-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EC%95%B1-%EB%82%B4-%ED%8F%B0%ED%8A%B8-%EB%B3%80%EA%B2%BD-%EA%B8%B0%EB%8A%A5

[chaneeii]

Font Extension 만들기

방법1

import UIKit

protocol Font {
    func of(size: CGFloat) -> UIFont?
}

extension Font where Self: RawRepresentable, Self.RawValue == String {
    func of(size: CGFloat) -> UIFont? {
        return UIFont(name: rawValue, size: size)
    }
}

enum MavenPro: String, Font {
    case bold = "MavenProBold"
    case black = "MavenProBlack"
}

사용시

$0.font = MavenPro.bold.of(size: 30)

방법2

extension UIFont {

    enum Family: String {
        case Black, Bold, Light, Medium, Regular, Thin
    }

    static func roboto(size: CGFloat = 10, family: Family = .Regular) -> UIFont {
        return UIFont(name: "Roboto-\(family)", size: size)!
    }
}

사용시

let robotoBlack = UIFont.roboto(size: 10, family: .Black)

• 방법1 : https://blog.mindgrub.com/custom-fonts-in-ios-made-simple-yet-powerful
• 방법2 : https://hryang.tistory.com/23

[chaneeii]

Tuist에서 Font 추가 안되는 문제