📦Font

╱🚧 -> breadcrum,

SwiftUI ⟩ controls ⟩ Text ⟩ Font

An environment-dependent font.

🔴 主題

• custom font

👥 相關

• used in Text.

• flexible font size with resizableFont().

💾 程式

Text("12:34:56")
  .font(.system(size: 72, design: .monospaced))  // ⭐️ monospaced font

Text("12:34:56")
  .monospacedDigit()        // ⭐️ monospaced digit

🗺️ 圖表

• kerning: 不同字元間的「合適距離」。

• tracking: 「字元間距」，就是 CSS 中的 letter-spacing。

• leading: 「行距」。

📘 手冊

• Developer ⟩

  • Dynamic Type
  • Apple Fonts - fonts for Apple platforms
  • SF Symbols
• SwiftUI ⟩ Text Input & Output ⟩

  • view modifiers: .fontWeight(_:)
  • Text ⟩

    • baselineOffset(_:)
    • font(_:)
    • monospacedDigit()
  • Font ⟩ monospacedDigit()
• UIKit ⟩ Fonts ⟩ UIFont ⟩ capHeight

📗 參考

• Design+Code ⟩ Typography and Dynamic Type
• Sarun ⟩

  • How to change SwiftUI font size
  • How to style SwiftUI text Font
  • How to change SwiftUI Font Width
  • Best Free Fonts for iOS
• Loaf ⟩ Monospace Digits
• JustFont ⟩ 字體123：必需知道的基本知識 - Kerning, Tracking, Leading.

🛠 工具

• iFont

🗣 討論

• Aligning SwiftUI text to the baseline and top of another text