[UIKit] Font ์„ค์ •ํ•˜๊ธฐ

2023. 11. 2. 00:03ยท๐ŸŽ Dev/UIKit

 

 

ํฐํŠธ ์ ์šฉ์ด๋ž€ ๊ฒƒ...๐Ÿง ์ฐพ์•„์„œ ๋”ฐ๋ผํ•˜๋ฉด ๋ณ„ ํƒˆ ์—†์ด ์ ์šฉ ๋  ๋งŒํผ ์‰ฝ์ง€๋งŒ, ์€๊ทผํžˆ ์ ์šฉ ๋‹จ๊ณ„๊ฐ€ ํ—ท๊ฐˆ๋ฆฌ๊ธฐ์— ๊ณผ๊ฑฐ ํ”„๋กœ์ ํŠธ๋ฅผ UI๋ถ€ํ„ฐ ๋ฆฌํŒฉํ† ๋ง ํ•˜๋Š” ๊น€์— ์ •๋ฆฌ๋ฅผ ํ•ด๋ณด๊ธฐ๋กœ ํ–ˆ๋‹ค.
 
 
 

 
 
 

1๏ธโƒฃ ๋ฌด๋ฃŒ ํฐํŠธ ์‚ฌ์ดํŠธ ์ด์šฉํ•˜๊ธฐ

 
https://noonnu.cc/
https://fonts.google.com/
 
 

์ด ํฌ์ŠคํŒ…์—์„  ๋ฌด๋‚œํ•˜๊ฒŒ GmarketSans๋ฅผ ์˜ˆ์‹œ๋กœ ์“ธ ์˜ˆ์ •

 
 
โž” ๋ˆˆ๋ˆ„๋‚˜ ๊ตฌ๊ธ€ ํฐํŠธ ๋“ฑ, ๋ฌด๋ฃŒ๋กœ ํฐํŠธ๋ฅผ ์ง€์›ํ•˜๋Š” ์‚ฌ์ดํŠธ์—์„œ TTF ํฐํŠธ๋ฅผ ๋‹ค์šด ๋ฐ›๊ธฐ
โž” ๋ณดํ†ต ํ•œ๊ธ€ ํฐํŠธ๋Š” ๋ˆˆ๋ˆ„, ์˜์–ด ํฐํŠธ๋Š” ๊ตฌ๊ธ€! ์ธ ๋А๋‚Œ์ด ๊ฐ•ํ•˜์ง€๋งŒ, ์ด๋ž˜์ €๋ž˜ ๋ˆˆ๋ˆ„ ํฐํŠธ๋ฅผ ์จ๋ณธ ๊ฒฐ๊ณผ... ์˜์–ด ํฐํŠธ ๋Œ€์‘๋„ ๋‚˜์˜์ง€ ์•Š์•„์„œ ํ•œ๊ตญ์–ด-์˜์–ด ๋‘˜ ๋‹ค ์‚ฌ์šฉํ•  ๋• ๋ˆˆ๋ˆ„๋งŒ ์‚ฌ์šฉํ•ด๋„ ์ถฉ๋ถ„ํ•œ๋“ฏ.
 
 

2๏ธโƒฃ Add to targets ์— ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•  ํ”„๋กœ์ ํŠธ ์ฒดํฌํ•˜๊ธฐ

 
 
 

3๏ธโƒฃ InfoPlist ์„ค์ •

 
โž” Information Property List์— Fonts provided by application์„ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.
โž” ๋‹ค์šด ๋ฐ›์€ ๊ธ€๊ผด์ด ๊ฐ€์ง„ ์•„์ดํ…œ ์ˆ˜ ๋งŒํผ item์„ ์ถ”๊ฐ€ํ•ด์ฃผ๊ณ , value์—๋Š” ๊ธ€๊ผด๋ช…์„ ํ™•์žฅ์ž๊นŒ์ง€ ํฌํ•จํ•ด์„œ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.
 
 

4๏ธโƒฃ Font ์ด๋ฆ„ ํ™•์ธ

 

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

 
โž” ํฐํŠธ ์ด๋ฆ„์ด ์ €์žฅ๋œ ์ด๋ฆ„๊ณผ ๋‹ค๋ฅผ ์ˆ˜๊ฐ€ ์žˆ์–ด์„œ familyNames์„ ํ™•์ธํ•ด์ฃผ๋Š” ๊ณผ์ •์ด ํ•„์š”ํ•˜๋‹ค.
โž” ๊ฐ„๋‹จํžˆ ์ € ์ฝ”๋“œ๋ฅผ ์“ฐ๊ณ , ํ™•์ธ์šฉ์ด๊ธฐ๋•Œ๋ฌธ์— ๋ฐ”๋กœ viewDidLoad์— ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•ด์ฃผ๋ฉด
 

 
โžž ๋””๋ฒ„๊น… ์˜์—ญ์—์„œ ๋‚ด๊ฐ€ ๋‹ค์šด ๋ฐ›์€ ํฐํŠธ์˜ ์ด๋ฆ„์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿผ ์ด์ œ ์ € ์ด๋ฆ„์„ ํ†ตํ•ด ํฐํŠธ๋ฅผ ์ ์šฉ์‹œํ‚ค๋ฉด ๋œ๋‹ค.
 
 

5๏ธโƒฃ ์ ์šฉ ๋ฐฉ๋ฒ•

 

5-1. Struct๋กœ ๊ด€๋ฆฌํ•˜๊ธฐ
 

//  Font.swift
//  BOOKWARM Project
//
//  Created by Callie on 2023.
//

import UIKit

struct Font {
    
    /*
     ==== Gmarket Sans TTF
     GmarketSansTTFLight
     GmarketSansTTFMedium
     GmarketSansTTFBold
     */
    
    static let light12 = UIFont(name: "GmarketSansTTFLight", size: 12)
    static let medium15 = UIFont(name: "GmarketSansTTFMedium", size: 15)
    static let bold18 = UIFont(name: "GmarketSansTTFBold", size: 17)
    
}

 
โž” ์—ฌ๋Ÿฌ ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•  ๋• ์ด๋ฆ„์„ ์ข€ ๋” ๋ช…์‹œ์ ์œผ๋กœ ์ง€์–ด์ฃผ๋ฉด ์ข‹๊ฒ ์ง€๋งŒ, ๋‚˜๋Š” ์ง€๊ธˆ ํฐํŠธ๋ฅผ ํ•˜๋‚˜๋กœ ํ†ต์ผํ•ด์„œ ์“ธ ์ƒ๊ฐ์ด๋ผ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตต๊ธฐ + ํฐํŠธ์‚ฌ์ด์ฆˆ๋กœ ์ด๋ฆ„์„ ์ •ํ–ˆ๋‹ค.
 

5-2. font์— ์ ์šฉ์‹œ์ผœ์ฃผ๊ธฐ
 

titleLabel.font = Font.medium15

 
โž” struct๋กœ ๊ด€๋ฆฌํ•˜๋Š” ํฐํŠธ๋Š” ์œ„์™€ ๊ฐ™์ด ๋ถˆ๋Ÿฌ์™€์„œ ์ ์šฉ์‹œํ‚ค๋ฉด ๋œ๋‹ค. 
 
 
 

6๏ธโƒฃ ๊ฒฐ๊ณผ

 

ํฐํŠธ ์ ์šฉ ์ „ / ํ›„

 
 
 
 
 
 
 
 


 

์ €์ž‘์žํ‘œ์‹œ (์ƒˆ์ฐฝ์—ด๋ฆผ)

'๐ŸŽ Dev > UIKit' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[UIKit] CustomView  (0) 2023.11.30
[UIKit] ์•ฑ์˜ ์ƒ๋ช…์ฃผ๊ธฐ  (0) 2023.11.27
[UIKit/Storyboard] ํ‚ค๋ณด๋“œ ๋‚ด๋ฆฌ๊ธฐ  (0) 2023.07.30
[UIKit/Storyboard] ํ•œ ํ”„๋กœ์ ํŠธ์—์„œ ๋‹ค๋ฅธ ์Šคํ† ๋ฆฌ๋ณด๋“œ ๋ณด๋Š” ๋ฒ•  (0) 2023.07.30
[UIKit/Storyboard] ์•„์šธ๋ › ํ•จ์ˆ˜ (@IBOutlet)๊ณผ ์•ก์…˜ ํ•จ์ˆ˜ (@IBAction)  (0) 2023.07.29
'๐ŸŽ Dev/UIKit' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [UIKit] CustomView
  • [UIKit] ์•ฑ์˜ ์ƒ๋ช…์ฃผ๊ธฐ
  • [UIKit/Storyboard] ํ‚ค๋ณด๋“œ ๋‚ด๋ฆฌ๊ธฐ
  • [UIKit/Storyboard] ํ•œ ํ”„๋กœ์ ํŠธ์—์„œ ๋‹ค๋ฅธ ์Šคํ† ๋ฆฌ๋ณด๋“œ ๋ณด๋Š” ๋ฒ•
Callie_
Callie_
  • Callie_
    CalliOS
    Callie_
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
      • ๐ŸŽ APPLE
      • ๐ŸŽ Dev
        • Swift
        • UIKit
        • SwiftUI
        • Issue
        • ๊ตฌํ˜„
      • ๐ŸŽ Design
        • HIG
      • โš™๏ธ CS
      • ๐Ÿ’ก ์•Œ๊ณ ๋ฆฌ์ฆ˜
        • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
        • ๋ฐฑ์ค€
      • ๐ŸŸ๏ธ ์ง๊ด€๋กœ๊ทธ (์ถœ์‹œ์•ฑ)
        • ์—…๋ฐ์ดํŠธ
      • ๐ŸŒฑ SeSAC iOS 3๊ธฐ
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
  • ๋งํฌ

  • ๊ณต์ง€์‚ฌํ•ญ

  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    CocoaTouchFramework
    IBOutlet
    .OverFullScreen
    Infoํƒญ
    addTarget
    stroyboard
    assets
    SeSAC
    IBAction
    ๋„คํŠธ์›Œํฌํ†ต์‹ 
    SwiftUI
    ios
    TableViewCell
    cornerradius
    Swift
    Enum
    ํ™”๋ฉด์ „ํ™˜
    CustomView
    layer.shadow
    modalPresentStyle
    diffable
    Entry Point
    DiffableDataSource
    .fullScreen
    apply
    DidEndOnExit
    clipsToBound
    Snapshot
    ์ƒ๋ช…์ฃผ๊ธฐ
    TapGestureRecognizer
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.0
Callie_
[UIKit] Font ์„ค์ •ํ•˜๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”