Dynamic Type und skalierte Schriftarten
Unterstützen Sie größere Texte, ohne das Layout zu beschädigen.
Dynamic Type und skalierte Schriftarten ist eine kostenlose SwiftUI Academy-Lektion auf CoddyKit. Dies ist Lektion 2 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.
What Is Dynamic Type?
Dynamic Type lets users pick their preferred text size system-wide. Your app should respect it, not force one fixed size. 🔤
Use Text Styles
Pick semantic text styles like .title or .body instead of fixed point sizes. These scale automatically with the user's setting.
Text("Welcome")
.font(.title)
Text("Details here")
.font(.body)Why Not Fixed Sizes
A hard-coded .font(.system(size: 17)) ignores the user's choice and stays small. Text styles adapt; fixed numbers don't.
Text("Stuck small")
.font(.system(size: 17))Scaling Custom Fonts
Have a brand font? Use .font(.custom:size:relativeTo:) so it still scales with a chosen text style.
Text("Brand")
.font(.custom("Avenir", size: 17, relativeTo: .body))The ScaledMetric Wrapper
Need a spacing or image size to grow with text? @ScaledMetric scales any number alongside Dynamic Type.
@ScaledMetric var iconSize = 24
Image(systemName: "star").frame(width: iconSize)Let Text Wrap
Big text needs room. Avoid lineLimit(1) on important labels, or long words will be cut off with an ellipsis.
Text(longTitle)
.lineLimit(2)Allow Tighter Fitting
When space is truly tight, minimumScaleFactor lets text shrink a little before truncating, keeping it readable.
Text(price)
.minimumScaleFactor(0.7)Preview Large Sizes
Use dynamicTypeSize in a preview to simulate the largest setting and catch broken layouts early.
#Preview {
ContentView()
.dynamicTypeSize(.accessibility3)
}Cap the Range If Needed
You can limit how far text scales with dynamicTypeSize(...), but cap sparingly so you don't shut out users who need more.
VStack { }
.dynamicTypeSize(...DynamicTypeSize.accessibility1)Stacks Over Fixed Frames
Prefer flexible stacks over rigid heights. A fixed frame can clip large text, while a stack grows to fit.
Test at Both Ends
Check your app at the smallest and the largest Dynamic Type sizes. If both read well, most users in between will too.
Quick Check
You want a custom brand font to grow with the user's text size. What do you use?
Recap
You made text adapt: choose semantic text styles, scale custom fonts and metrics, let text wrap, and test the largest size. 👍
Lerne Swift mit einem KI-Tutor — kostenlos
Schreibe und führe echten Code in deinem Browser aus, bekomme sofortige Hilfe von einem 24/7 KI-Tutor und setze dein Lernen im Web oder in der App fort.
- Kurse
- 30
- Lektionen
- 120
Häufig gestellte Fragen
Ist die Lektion „Dynamic Type und skalierte Schriftarten“ kostenlos?
Ja — der vollständige Text von „Dynamic Type und skalierte Schriftarten“ 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 „Dynamic Type und skalierte Schriftarten“?
Unterstützen Sie größere Texte, ohne das Layout zu beschädigen. 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 2 von 4.
Wie lange dauert die Lektion „Dynamic Type und skalierte Schriftarten“?
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
- VoiceOver und Accessibility-Labels
- Dynamic Type und skalierte Schriftarten
- Strings und String Catalogs lokalisieren
- An Light Mode und Dark Mode anpassen