How to add spacing between letters in text

 

Hacking with Swift 사이트의 강좌 번역본입니다.

 

[원문 : https://www.hackingwithswift.com/quick-start/swiftui/how-to-add-spacing-between-letters-in-text]

 

How to add spacing between letters in text

SwiftUI는 텍스트 뷰 내부의 문자들의 간격을 제어하기 위해서 2개의 modifiers를 제공하며, 필요에 따라 글자들을 더 좋게 또는 더 멀리 배치할 수 있습니다.

 

그 2개의 modifiers는 tracking()과 kerning()입니다: 둘다 글자들 간의 간격을 추가하지만, tracking은 연결된 것을 분리하지만 kerning은 그렇지 않고, kerning은 후행 공백이 있지만 tracking은 그렇지 않을 것입니다.

 

따라서 Hello World tracking에 20 포인트 추가해서, 글자들이 적당량의 간격을 가질 것입니다.

Text("Hello World")
    .tracking(20)

kerning과 tracking이 어떻게 다른지 보고자 하는 경우에, 다음과 같이 해보세요.

VStack {
    Text("ffi")
        .font(.custom("AmericanTypewriter", size: 72))
        .kerning(50)
    Text("ffi")
        .font(.custom("AmericanTypewriter", size: 72))
        .tracking(50)
}

미국식 타자기(American Typewriter)에 있는 ffi 텍스트 문자열을 사용해서, 문자 조합이 더 좋아보이도록 연결합니다. tracking이 연결을 분리하고, kerning은 그렇지 않기 때문에, 첫번째 텍스트는 f fi처럼 보이고 두번째는 f f i 처럼 보일 것입니다.