# Typography.

## Was macht die Komponente?

- Definiert alle zulässigen Schriften im SBB-Mobile-Kontext.

## Wann soll die Komponente eingesetzt werden?

- Für die Gestaltung von Komponenten und Seiten.

## Regeln

- Keine

## Varianten

- [xlarge, light](#xlarge-light)
- [large, light](#large-light)
- [large, bold](#large-bold)
- [medium, light](#medium-light)
- [medium, bold](#medium-bold)
- [small, light](#small-light)
- [small, bold](#small-bold)
- [xsmall, light](#xsmall-light)
- [xsmall, bold](#xsmall-bold)

### xlarge, light

![Darstellung des Stils xlarge](https://digital.sbb.ch/assets/images/mobile/x-large-light.webp "Stil xlarge")

![Darstellung des Stils xlarge](https://digital.sbb.ch/assets/images/mobile/x-large-dark.webp "Stil xlarge")

### large, light

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/large-light-light.webp "Stil large, light")

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/large-light-dark.webp "Stil large, light")

### large, bold

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/large-bold-light.webp "Stil large, bold")

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/large-bold-dark.webp "Stil large, bold")

### medium, light

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/medium-light-light.webp "Stil large, light")

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/medium-light-dark.webp "Stil large, light")

### medium, bold

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/medium-bold-light.webp "Stil large, bold")

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/medium-bold-dark.webp "Stil large, bold")

### small, light

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/small-light-light.webp "Stil large, light")

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/small-light-dark.webp "Stil large, light")

### small, bold

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/small-bold-light.webp "Stil large, bold")

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/small-bold-dark.webp "Stil large, bold")

### xsmall, light

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/x-small-light-light.webp "Stil large, light")

![Darstellung des Stils large, light](https://digital.sbb.ch/assets/images/mobile/x-small-light-dark.webp "Stil large, light")

### xsmall, bold

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/x-small-bold-light.webp "Stil large, bold")

![Darstellung des Stils large, bold](https://digital.sbb.ch/assets/images/mobile/x-small-bold-dark.webp "Stil large, bold")

---

Source: https://digital.sbb.ch/de/design-system/mobile/basics/typography/