概要
文字の大きさや太さを一覧で視覚的に残しておきたかったので書きました。
当たり前っちゃ当たり前の内容ですが、パッと見比べる時に有用であればいいなと思います。
iOS14から一部のフォントが追加となっています。
font
文字の大きさを指定します。
ドキュメントなど参照しましたが、デフォルト値を見つけることができなかったのですが、
見た感じは.body
かと思います。
Text("largeTitle").font(.largeTitle) // 大きなタイトル
Text("title").font(.title) // タイトル
Text("headline").font(.headline) // 見出し
Text("subheadline").font(.subheadline) // 小見出し
Text("body").font(.body) // 本文
Text("callout").font(.callout) // 吹き出し
Text("caption").font(.caption) // キャプション
Text("footnote").font(.footnote) // 注釈

fontWeight
文字の太さを指定します。
こちらもデフォルトは見つからなかったですが、見た感じは``。
Text("black").fontWeight(.black)
Text("bold").fontWeight(.bold)
Text("heavy").fontWeight(.heavy)
Text("light").fontWeight(.light)
Text("medium").fontWeight(.medium)
Text("regular").fontWeight(.regular)
Text("semibold").fontWeight(.semibold)
Text("thin").fontWeight(.thin)
Text("ultraLight").fontWeight(.ultraLight)

組み合わせ
組み合わせるとこのような感じに。
Text("largeTitle & black").font(.largeTitle).fontWeight(.black)
Text("footnote & ultraLight").font(.footnote).fontWeight(.ultraLight)
