Better Typography
Webtypografie für gut lesbare, barrierefreie Schrift
Installation
Enthält Skriptehttps://github.com/jakubkrehel/skills/tree/main/skills/better-typography
When choosing fonts, setting up type scales, styling text, or troubleshooting typography on web interfaces
- Autor
- Jakub Krehel
Professionelle Typografie für das Web
Ein umfassender Leitfaden zur Anwendung typografischer Prinzipien, die Texte auf digitalen Oberflächen lesbar und barrierefrei machen. Im Mittelpunkt stehen Zurückhaltung und Klarheit: sinnvolle typografische Skalen, angenehme Abstände und ausreichender Kontrast statt dekorativer Effekte.
Highlights
- Typografische Skalen und Überschriftenhierarchien, die den semantischen Ebenen folgen
- Laden von Schriften im .woff2-Format und über CSS-Eigenschaften statt roher Feature-Tags
- Einstellungen für Zeilenhöhe, Zeilenlänge und Textumbruch für angenehmes Lesen
- Typografische Besonderheiten auf Mobilgeräten wie Eingabezoom unter iOS und responsive Schriftgrößen
- Muster für Barrierefreiheit, darunter Kontrast, Textauswahl und OpenType-Funktionen
- CSS-Techniken für Textkürzung, tabellarische Ziffern und Zeichensetzung
Entwickelt für Frontend-Entwickler und Designer, die professionelle Oberflächen gestalten. Der Skill enthält Referenzleitfäden zur Schriftauswahl, zu CSS-Techniken, Abstandsberechnungen und Anforderungen an die Barrierefreiheit. Jeder Abschnitt bietet konkrete Empfehlungen und Codemuster, die sich sofort anwenden lassen.
Ähnliche Skills
Better Layout
SkillLayoutstruktur, Abstände und visuelle Hierarchie festlegen
Frontend Design
SkillDesignrichtung für Oberflächen jenseits typischer Vorlagen
Canvas Design
SkillErstellt posterartige PNGs und PDFs nach einer Designphilosophie
Kommentare(0)
Zum Kommentieren anmelden