SwiftUI 기본 폰트 스타일 정리

SwiftUI에서 사용할 수 있는 기본 폰트 스타일을 정리하면 다음과 같습니다. 각각의 폰트 스타일은 크기와 강조 정도가 다릅니다. 필요에 따라 적절한 폰트 스타일을 선택해 텍스트를 꾸밀 수 있습니다.

 

폰트별 크기 비교를 위한 실행 화면

SwiftUI 기본 폰트 스타일:

1. largeTitle:
   • 큰 제목으로 사용할 때 적합한 스타일.
   • 보통 화면의 주요 제목에 사용.
2. title:
   • 일반 제목에 사용.
   • 화면 구성에서 중요한 제목에 적합.
3. title2, title3:
   • title2는 title보다 작고, title3는 더 작은 제목 스타일.
   • 섹션 제목 등에서 사용할 수 있음.
4. headline:
   • 굵고 강조된 텍스트 스타일.
   • 중요한 정보나 카드형 UI에서의 타이틀에 적합.
5. subheadline:
   • headline보다 작은 부제목 스타일.
   • 부가적인 정보나 설명에 사용.
6. body:
   • 일반적인 본문 텍스트 스타일.
   • 기본 텍스트로 많이 사용됨.
7. callout:
   • 강조된 정보나 짧은 설명을 표시할 때 적합.
   • 주의사항이나 강조할 내용에 사용 가능.
8. footnote:
   • 본문보다 작은 텍스트 스타일.
   • 부가 설명이나 작은 텍스트를 표시할 때 적합.
9. caption:
   • 더 작은 설명 텍스트 스타일.
   • 매우 작은 설명이나 부가적인 텍스트에 적합.
10. caption2:

• caption보다 더 작은 텍스트 스타일.
• 추가적인 설명 텍스트로 사용 가능.

폰트 스타일 적용 예시:

Text("Large Title")
    .font(.largeTitle)

Text("Title")
    .font(.title)

Text("Title 2")
    .font(.title2)

Text("Headline")
    .font(.headline)

Text("Subheadline")
    .font(.subheadline)

Text("Body")
    .font(.body)

Text("Callout")
    .font(.callout)

Text("Footnote")
    .font(.footnote)

Text("Caption")
    .font(.caption)

Text("Caption 2")
    .font(.caption2)

각 폰트 스타일 설명:

• largeTitle: 가장 큰 제목용 폰트로 보통 메인 화면의 큰 제목에 사용됩니다.
• title, title2, title3: 중간 크기의 제목들로, 섹션 제목이나 부제목에 사용됩니다.
• headline: 일반적으로 굵은 텍스트로, 카드형 UI나 주요 타이틀에 많이 사용됩니다.
• subheadline: 부가적인 정보를 표시할 때 적합한 폰트 스타일입니다.
• body: 본문을 표시할 때 사용하는 기본 텍스트 스타일입니다.
• callout: 강조된 정보를 표시하거나 짧은 설명을 할 때 사용됩니다.
• footnote: 작은 텍스트로, 부가적인 설명을 추가할 때 유용합니다.
• caption, caption2: 설명이나 매우 작은 텍스트에 적합한 폰트입니다.