📦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