【SwiftUI】フォント(font)の指定方法を総まとめ！

.font(フォントサイズ)

struct ContentView: View {
    var body: some View {
        VStack {
            Group{
            Text("largeTitle").font(.largeTitle)
            Text("title").font(.title)
            Text("title2").font(.title2)
            Text("title3").font(.title3)
            Text("headline").font(.headline)
            Text("subheadline").font(.subheadline)
            Text("body").font(.body)
            }
            Text("callout").font(.callout)
            Text("caption").font(.caption)
            Text("caption2").font(.caption2)
            Text("footnote").font(.footnote)
            Text("default")
        }
    }
}

.font(フォントの太さ)

struct ContentView: View {
    var body: some View {
        VStack {
            Text("ultraLight").fontWeight(.ultraLight)
            Text("thin").fontWeight(.thin)
            Text("light").fontWeight(.light)
            Text("regular").fontWeight(.regular)
            Text("medium").fontWeight(.medium)
            Text("semibold").fontWeight(.semibold)
            Text("bold").fontWeight(.bold)
            Text("heavy").fontWeight(.heavy)
            Text("black").fontWeight(.black)
　　　　Text("default")
        }.font(.title)
    }
}

 .font(.system(フォントサイズ, design: フォントタイプ))

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            // デフォルト
            Text("AppleStore")
                .font(.system(.title, design: .default))
            // 等幅
            Text("AppleStore")
                .font(.system(.title, design: .monospaced))
            // 丸ゴシック体
            Text("AppleStore")
                .font(.system(.title, design: .rounded))
            // 明朝体
            Text("AppleStore")
                .font(.system(.title, design: .serif))
        }
    }
}

.bold()

.italic()

.underline(color: 色指定)

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20) {
            // デフォルト
            Text("SwiftUI")
            // 太文字
            Text("SwiftUI")
                .bold()
            // 斜体
            Text("SwiftUI")
                .italic()
            // 下線
            Text("SwiftUI")
                .underline(color: .red)
        }.font(.title)
    }
}

  .foregroundColor(色指定)

 struct ContentView: View {
    var body: some View {
        VStack {
            Text("Red").foregroundColor(.red)
            Text("Blue").foregroundColor(.blue)
            Text("Yellow").foregroundColor(.yellow)
            Text("Green").foregroundColor(.green)
            Text("Orange").foregroundColor(.orange)
            Text("Pink").foregroundColor(.pink)
            Text("Purple").foregroundColor(.purple)
            Text("Black").foregroundColor(.black)
            Text("Gray").foregroundColor(.gray)
        }
        .font(.largeTitle)
    }
}

.font(.system(size: サイズ, weight: フォントの太さ, design: フォントタイプ))

struct ContentView: View {
    var body: some View {
        Text("AppleStore")
            .font(.system(size: 100, weight: .bold, design: .rounded))
    }
}

.font(.custom(フォント名, size: サイズ))

struct ContentView: View {
    var body: some View {
       Text("AppleStore")
         .font(.custom("Allura", size: 99))
    }
}