Schriftgröße, -stärke und -stil
Machen Sie Text fett oder kursiv und wählen Sie die passende Größe.
Schriftgröße, -stärke und -stil ist eine kostenlose Jetpack Compose 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 Jetpack Compose Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
Style Your Text
Plain words are fine, but real apps need emphasis. Text accepts simple arguments to control size, weight, and style without any XML.
Set the Size
Use fontSize to make text bigger or smaller. Sizes use the sp unit, which respects the user accessibility font settings.
Text("Big title", fontSize = 24.sp)Why sp, Not dp
Text uses sp so it scales with the system font size. Layout uses dp, but words should grow when a user prefers larger text.
Make It Bold
Reach for fontWeight when you want emphasis. FontWeight.Bold is the everyday choice for titles and important labels.
Text("Headline", fontWeight = FontWeight.Bold)Weights Are a Scale
Weight is more than bold or not. FontWeight ranges from Light to Black, so you can dial in exactly the emphasis a design asks for.
FontWeight.Light
FontWeight.Medium
FontWeight.BlackAdd Italics
Slant your text with fontStyle. FontStyle.Italic is great for quotes, captions, or a subtle hint of personality.
Text("a note", fontStyle = FontStyle.Italic)Mix Them Together
These arguments combine freely. One Text call can be large, bold, and italic at once, all in a single readable line of code. 🙂
Text("Wow", fontSize = 20.sp,
fontWeight = FontWeight.Bold)Change the Font Family
Swap the typeface with fontFamily. Built-ins like Serif and Monospace ship for free, and you can load custom fonts too.
Text("code", fontFamily = FontFamily.Monospace)Letter Spacing
For airy, polished headings, nudge letterSpacing. A little extra space between characters can make uppercase titles feel premium.
Text("MENU", letterSpacing = 2.sp)Lean on Theme Styles
Instead of setting each value, pass a ready-made style from MaterialTheme. It keeps every screen visually consistent.
Text("Title", style = MaterialTheme.typography.titleLarge)Small Touches, Big Polish
Size, weight, and style are tiny arguments, but together they turn flat text into a clear hierarchy users instantly understand.
Quick Check
Which unit should you give to fontSize, and why?
Recap
You styled text with fontSize, fontWeight, fontStyle, and family. Use sp for sizing, and prefer theme typography for a consistent look. 🎨
Häufig gestellte Fragen
Ist die Lektion „Schriftgröße, -stärke und -stil“ kostenlos?
Ja — der vollständige Text von „Schriftgröße, -stärke und -stil“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Jetpack Compose Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Jetpack Compose Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Schriftgröße, -stärke und -stil“?
Machen Sie Text fett oder kursiv und wählen Sie die passende Größe. Du übst Jetpack Compose 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 Jetpack Compose Academy zu starten?
Keine Vorkenntnisse erforderlich. Jetpack Compose 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 „Schriftgröße, -stärke und -stil“?
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 Jetpack Compose Academy-Lektion Code schreiben und ausführen?
Ja. Jede Jetpack Compose 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
- Die Text-Composable
- Schriftgröße, -stärke und -stil
- Farbe, Ausrichtung und Überlauf
- AnnotatedString: Formatierter gemischter Text