Textオブジェクトなどの文字は、特に指定がなければ標準のフォントを標準のサイズで表示してくれます。.fontを指定するとサイズやフォントの種類などを変えることができます。

  • 前回のコードに続けて書く

  • Text( “こんにちわ” )に .font( .system(size:24.0) ) を追加

    • .fontにはさまざまな指定方法がある
    • OSのシステムフォント: .system( size: )
    • 項目に適したフォント: .largetitle, .title, .headline, .subheadline
    • 太文字: .system( size:24.0, weight: .bold )

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text( "こんにちわ" )
            .font( .system( size:24.0 ) )
            .frame( minWidth: 100, minHeight: 100 )
            .padding()
            .background( .indigo )
            .padding( .bottom, 50.0 )
            
            Text( "こんばんわ" )
            .frame( maxWidth:.infinity, minHeight:40 )
            .padding()
            .background( .purple )
        }
    }
}

結果

swiftui_1_2_5_1.png