[SwiftUI] 커스텀 폰트 더 쉽게 추가하기

 

📚 Custom Font 추가

 

 

 

기존에 Xcode에 커스텀 폰트를 추가할 때,

이렇게 폰트파일들을 드래그하여 추가하고,

 

info에서 폰트들을 Target 설정하여 사용했단말이에요?

 

마지막으로, Font Extension 파일을 생성하였고요 !

extension Font {
    
    // Bold
    static let pretendardBold28: Font = .custom("Pretendard-Bold", size: 16)
    static let pretendardBold24: Font = .custom("Pretendard-Bold", size: 20)
    
    // SemiBold
    static let pretendardSemiBold16: Font = .custom("Pretendard-SemiBold", size: 16)
    static let pretendardSemiBold18: Font = .custom("Pretendard-SemiBold", size: 18)
    
    // Medium
    static let pretendardMedium18: Font = .custom("Pretendard-Medium", size: 16)
    static let pretendardMedium16: Font = .custom("Pretendard-Medium", size: 26)
    
    // Regular
    static let pretendardRegular14: Font = .custom("Pretendard-Regular", size: 14)
    static let pretendardRegular16: Font = .custom("Pretendard-Regular", size: 18)
    
}

이런식으로 글씨체의 두께와 크기를 한번에 지정해서, 실제 Text에 Font를 적용할때는 지정했던 것을 그대로 갖다 사용하였습니다.

 

이렇게 최근 프로젝트에서 폰트를 사용하다보니 불편한 점들이 있었습니다.

🤔 홀수 Size나 지정되지 않은 폰트가 필요할 때마다 추가를 해줘야했고, 그에 따라 코드가 늘어나게 되는 것 입니다. 그렇게 되면 Extension 파일의 코드는 끊임없이 늘어나겠죠 ? 

 

그래서 열거형 및 메서드를 통해서 새로운 폰트가 필요할 때마다 메서드를 통해서 등록해서 바로 사용하는 방법으로 수정하였습니다.

그럼 위의 코드처럼 Size 하나마다 일일이 등록해도 되지 않아도 됩니다. 바로 아래 처럼요.

 

import SwiftUI

extension Font {
    /// Black / ExtraBold / Bold / SemiBold / Medium / Regular / Light / ExtraLight / Thin
    enum FontWeight: String {
        case black = "Pretendard-Black"
        case bold = "Pretendard-Bold"
        case extraBold = "Pretendard-ExtraBold"
        case extraLight = "Pretendard-ExtraLight"
        case light = "Pretendard-Light"
        case medium = "Pretendard-Medium"
        case regular = "Pretendard-Regular"
        case semiBold = "Pretendard-SemiBold"
        case thin = "Pretendard-Thin"
    }
    
    static func setPretendard(weight: FontWeight, size: CGFloat) -> Font {
        return .custom(weight.rawValue, size: size)
    }
}

이렇게 열거형으로 Font Weight 별로 등록하고, 메서드를 통해서 바로 등록해서 사용할 수 있게끔 합니다.

 

Text("Hello Apple")
	.font(.setPretendard(weight: .medium, size: 16))

 

이렇게 .font를 적용시켜야 할 때마다 weight과 size만 추가하여 바로바로 사용하니 훨씬 편한 것 같습니다 ~!