🔤Font

╱🚧 -> breadcrum,

🚧

📘 手冊

• 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

💾 程式

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

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

⭐️ 重點

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

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

• leading: 「行距」。

📗 參考

• 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.

🗣 討論

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

👥 相關

• used in Text.

• flexible font size with resizableFont().