Typography
Schriftarten fuer TOGETHER CCA Produkte und Dokumentation.
Schriftfamilien
| Verwendung | Primary | Fallback |
|---|---|---|
| UI/Web | Roboto | Arial, sans-serif |
| Print/PDF | Roboto | Arial |
| Code | Roboto Mono | Consolas, monospace |
| Serifen (optional) | Roboto Slab | Georgia, serif |
Gewichte
| Gewicht | CSS | Verwendung |
|---|---|---|
| 300 (Light) | font-weight: 300 | Grosse Ueberschriften, Hero-Text |
| 400 (Regular) | font-weight: 400 | Fliesstext, Labels |
| 500 (Medium) | font-weight: 500 | Buttons, Navigation |
| 700 (Bold) | font-weight: 700 | Ueberschriften, Betonung |
CSS Font Stack
/* Standard UI */
font-family: 'Roboto', Arial, sans-serif;
/* Code/Monospace */
font-family: 'Roboto Mono', Consolas, 'Courier New', monospace;
/* Serifen (optional) */
font-family: 'Roboto Slab', Georgia, serif;
Wann Arial verwenden?
Arial als Fallback wenn:
- Roboto nicht installiert/verfuegbar ist
- Kollaborative Dokumente (Word, Google Docs) auf heterogenen Systemen
- E-Mail-Signaturen (Empfaenger hat evtl. kein Roboto)
Roboto beziehen
- Google Fonts: https://fonts.google.com/specimen/Roboto
- Self-hosted:
../assets/typography/(geplant)