SwiftUI Academy · Lektion

Schriftarten, Gewichtung und Farbe

Gestalten Sie Text mit font, fontWeight und foregroundStyle.

Schriftarten, Gewichtung und Farbe ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 1 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des SwiftUI Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.

Styling Starts Here

A plain Text view shows words, but real apps style them. In this lesson you will set font, weight, and color to make text feel intentional. 🎨

The font Modifier

The font modifier picks a text style. Apple ships semantic sizes like title, headline, and body that adapt to the user automatically.

Text("Welcome")
    .font(.title)

Semantic Font Styles

Prefer semantic styles over fixed point sizes. Names like .largeTitle and .caption scale with the device and the user accessibility settings.

Text("Big").font(.largeTitle)
Text("Small").font(.caption)

Custom Point Sizes

Need an exact size? Pass .system(size:) with a number. It is handy for logos, but semantic styles are better for body text.

Text("Logo")
    .font(.system(size: 40))

Adding Weight

The fontWeight modifier sets how thick the strokes look. Try .bold for emphasis or .light for a softer, airier feel.

Text("Strong")
    .fontWeight(.bold)

Weight Inside font

You can also bake the weight right into the font call. This keeps related styling in one tidy place.

Text("Heavy")
    .font(.title.weight(.heavy))

Coloring Text

Use foregroundStyle to color text. Pass a Color like .red or a brand color, and the words pick up that tint instantly.

Text("Alert")
    .foregroundStyle(.red)

Semantic Colors

Reach for semantic colors like .primary and .secondary. They adapt to light and dark mode so your text stays readable everywhere.

Text("Hint")
    .foregroundStyle(.secondary)

Italic and Bold Shortcuts

SwiftUI offers quick toggles: .bold() and .italic(). They read cleanly and skip the longer modifier names.

Text("Note")
    .bold()
    .italic()

Chaining Modifiers

Modifiers stack top to bottom. Combine font, weight, and color on one Text to shape its full look in a single chain.

Text("Title")
    .font(.title)
    .bold()
    .foregroundStyle(.blue)

Order Can Matter

Most text modifiers commute, but order matters once layout enters. Keep styling first, then add padding or background later.

Quick Check

Which modifier sets the text color?

Lesson Recap

You styled text with font, fontWeight, and foregroundStyle. Lean on semantic styles and colors so your UI adapts beautifully. ✨

Häufig gestellte Fragen

Ist die Lektion „Schriftarten, Gewichtung und Farbe“ kostenlos?

Ja — der vollständige Text von „Schriftarten, Gewichtung und Farbe“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des SwiftUI Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der SwiftUI Academy-Kurs umfasst insgesamt 4 Lektionen.

Was lerne ich in „Schriftarten, Gewichtung und Farbe“?

Gestalten Sie Text mit font, fontWeight und foregroundStyle. Du übst SwiftUI Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.

Brauche ich Erfahrung, um SwiftUI Academy zu starten?

Keine Vorkenntnisse erforderlich. SwiftUI Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 1 von 4.

Wie lange dauert die Lektion „Schriftarten, Gewichtung und Farbe“?

Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.

Kann ich in dieser SwiftUI Academy-Lektion Code schreiben und ausführen?

Ja. Jede SwiftUI Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.

Alle Lektionen in diesem Kurs

← Zurück zu SwiftUI Academy