[iOS/Swift] custom font 지정하고 UIFont 사용해보기

시스템 폰트가 아닌 원하는 글꼴을 iOS 프로젝트에 진행하는 방법을 포스팅해보려고 해요! 갑자기 이유없이 크래쉬 나는 이유도 알아봅시당

 

우선 원하는 글꼴을 다운로드 받아 주세요

저는 주로 "눈누" 라는 사이트를 사용해요

상업용으로 사용할 수 있는 폰트를 모아놓은 사이트여서

쉽게 원하는 글꼴을 찾아 다운로드 받을 수 있어요

https://noonnu.cc/

눈누

원하는 폰트를 선택하고

상세 페이지에서 라이선스 요약표를 꼭 확인해 보세욤

주로 폰트를 받을 때 두 가지 확장자가 있을 거에요!

 

.otf

Open Type Font

.ttf

Tru Type Font 

 

xCode는 두가지 확장자 모두 지원합니당

 

폰트를 다운로드 받으면 주로 zip 파일로 다운로드 될거에요

더블 클릭해서 압축 해제해 줍시당

프로젝트로 돌아가서

새 그룹을 생성해 주고 폴더명은 원하는대로 지어주시면 됩니당

저는 Font라고 정해줬어욤

 

폴더에 다운로드 받은 글꼴을 넣어 줍니다

이때 중요한건 꼭 타겟 체크를 해주세요!

만약 타겟 체크를 깜빡하고 못했다?

그러면 삭제하고 다시 넣어주고 얼럿 창에서 타겟을 다시 체크해주셔도 되겠지만

File inspector에서 체크해주시면 됩니당

혹시나 나중에 타겟이 바뀌었는데 폰트에서 에러를 뱉는다?

그러면 의심해 볼 요소 중 하나가 타겟입니당 ㅎㅎㅎㅎ

 

이제 폰트 파일을 등록해 주어야 하는데용

info.plist 로 가줍시당

프로젝트로 가시고 타겟 선택 후

info 탭을 눌러주세용

 

Fonts provided by application 필드를 추가해 줍니다'

자, 이제 집중해야 합니당

Item을 추가해 주어야 하는데

값을 꼭

폰트이름 + 확장자까지 다 적어주셔야 합니다

그렇지 않으면 나중에 성격 안좋아질 일이 생깁니다 ㅋㅋㅋㅋ

꼭 파일명 그대로 + 확장자까지 적어주세요!

폰트 파일 명이 폰트명이 아니라 폰트 '파일' 명이기 때문에

폰트 파일명을 변경한다면

info.plist에 등록된 이름도 변경해 주어야 합니다!!! 꼭꼭

 

이제 실제 폰트 이름을 알아보겠습니다!!

대부분의 폰트는 폰트 파일명에 적힌 이름 그대로 사용하긴 하지만

폰트 이름과 폰트 파일 명이 달라서

폰트 파일 명 그대로 사용할 경우

 

폰트가 있는데

폰트 없음 에러를 뱉어냅니당

 

분명 폰트도 있고 파일도 잘 register 해줬는데

에러가 난다? 

폰트 이름과 파일명이 달라서 생긴 문제인지 확인하셔야 합니다!

 

class RootViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        
        getFontName()
    }
    
    func getFontName() {
        for family in UIFont.familyNames {

            let sName: String = family as String
            print("family: \(sName)")
                    
            for name in UIFont.fontNames(forFamilyName: sName) {
                print("name: \(name as String)")
            }
        }
    }
}

VC에 추가해 주세야

for family in UIFont.familyNames.sorted() {
    let names = UIFont.fontNames(forFamilyName: family)
    print("Family: \(family) Font names: \(names)")
}

 

이 코드는 공식사이트에서 제공해 주는 코드인데

이 코드를 사용하셔도 됩니당

 

 

콘솔에 폰트가 찍힐 텐데 추가해 준 폰트를 

Ctrl + F 로 찾아 줍니다

이때는 폰트의 Regular나 medium 이런걸로 검색하시면 안되고 딱 폰트 이름으로 검색하시면 금방 찾아요!

저는 pretendard 글꼴이니 이 이름으로 찾아주면

family: Pretendard
name: Pretendard-Regular
name: Pretendard-Thin
name: Pretendard-ExtraLight
name: Pretendard-Light
name: Pretendard-Medium
name: Pretendard-SemiBold
name: Pretendard-Bold
name: Pretendard-ExtraBold
name: Pretendard-Black

이렇게 콘솔에 찍힌걸 확인할 수 있어요!

다행히 폰트명과 파일명이 같아요! 그런데 같지 않는 폰트명이 있으니 꼭 한번 조회해 줍시다

 

xib에서 사용하는 건 굉장히 쉽습니다

view에 UILabel을 추가해 줍시당

여기서 폰트를 선택해 주세요

Custom을 선택해 줍니당

폰트를 검색해 주세요 입력창이 없어도 키보드로 

pre까지 눌러보면 검색되더라구요

그러면 원하는 폰트가 패밀리로 지정되고

세부적인 글꼴은 Style로 지정할 수 있습니당

 

스타일과 폰트 사이즈까지 지정하고 나면 이렇게 쉽게 잘 적용된걸 확인하 실 수 있어요!

 

programmatically 하게 해본다면

        label.text = "test test test"
        label.font = UIFont(name: "Pretendard-ExtraBold", size: 15)

이렇게 해주시면 됩니당

따로 UIFont 익스텐션과 타입을 위한 enum을 추가하면 편리하게 사용할 수 있겠죠??!!

 

자 여기서 주의 할 것!

open var font: UIFont!

UILable의 font는 강제 언래핑이라는 것!

그래서 없는 폰트명을 UIFont로 전달하게 되면 에러가 나는 거에요!!

폰트명과 폰트 파일명이 다른 경우 폰트 파일명을 UIFont의 name인자로 전달하면

없는 폰트를 찾아오라는 말에 xCode는 에러를 뱉습니다 ㅠㅠㅠ

삽질 하지 않게 주의!!

 

 

---

참고 사이트 및 도서

---

Apple Developer Documentation

 

Print all available font families and font names (Swift)