フォント

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 5/50。

.font修飾子は、テキストのサイズとスタイルを設定します。SwiftUIには、システムの文字サイズに対応する名前付きテキストスタイルがあります：

Text("Welcome")
    .font(.largeTitle)

大きいものから小さいものの順に、一般的なスタイルは .largeTitle、.title、.headline、.body（デフォルト）、.subheadline、.caption です。

.bold()でテキストを太字にするか、.fontWeightで太さを選択します。固定サイズは.system(size:)で指定します。

Text("Score")
    .font(.title)
    .bold()

Text("42")
    .font(.system(size: 60))
    .fontWeight(.heavy)

チャレンジ

初心者

カフェの名前をスタイル設定します。テキストに.largeTitleフォントを適用し、太字にします。

自分で試してみよう

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

SwiftUI入門のすべてのレッスン

1はじめに

4モディファイア

7リスト

10プロジェクト - Coddy Coffee

2コンテンツの表示

5状態とボタン

8ナビゲーション

11最終チャレンジ

3Stackとレイアウト

6ユーザー入力

9データの共有

自分で練習してみよう: Swiftプレイグラウンド