Typografie zum Lesen¶
Die Seitenstruktur soll vor dem gründlichen Lesen sichtbar sein. Ein kräftiger Titel, eine ruhige Navigation und eine angemessene Textspalte leisten das meiste. Farbe kennzeichnet Beziehungen oder Aktionen, trägt aber nie allein die Bedeutung.
Die Webseite¶
Das Layout hat Projektnavigation, Dokument und Seitenübersicht; kleine Bildschirme nutzen eine Navigationsschublade. Libertinus Serif und Sans sind enthalten. Titel nutzen fette Serifenschrift, Navigation, Labels und Bedienelemente die passende Sans. Komprimierte WOFF2-Dateien kommen von der Website, ohne Schriftendienstanfragen.
Hell ist der Standard. Es gibt auch Dunkel- und Systemmodus; die Wahl wird für dieselbe Browser-Origin gespeichert. System folgt dem Betriebssystem. Gedrucktes HTML nutzt helle Farben. Inhalt und Navigation funktionieren ohne JavaScript. Theme-Steuerung und erweiterte Suche sind progressive Ergänzungen.
Englische Prosa kann im Browser Knuth–Plass-Zeilenumbruch für den gesamten Absatz nutzen. Ein kleines Skript misst die geladene Schrift, erstellt Boxen, Abstände und Trennungsstrafen und wählt globale Umbrüche. Frank Liangs Musterverfahren liefert englische Trennstellen. Originale TeX-Muster und Bibliothekslizenzen sind enthalten.
Die Ergänzung erhält Hervorhebungen und Originaltext und berechnet bei Breitenänderungen neu. Kopieren innerhalb eines optimierten Absatzes liefert den Quelltext ohne sichtbare Zeilenaufteilungen oder zusätzliche Trennstriche. Beim Drucken wird der normale Absatz für die Paginierung wiederhergestellt.
Links, Mathematik, Code, interaktive Inhalte, schmale Spalten und andere Sprachen nutzen Browserlayout. Das gilt auch ohne passende Abstandslösung. Die Website bleibt ohne JavaScript lesbar. Der Rückfall nutzt sprachabhängiges hyphens: auto und text-wrap: pretty; diese CSS-Regeln allein versprechen keine Knuth–Plass-Optimierung.
Die PDF-Seite¶
Das Buch nutzt wie das Web Libertinus mit Blocksatz, optimiertem Umbruch und sprachabhängiger Trennung. Es steuert auch Abstände, Kolumnentitel, Beschriftungen, Codeblöcke und Tabellenlinien. Schrift, Trennungskosten und Satzbreite wirken zusammen. Ein erzwungener Umbruch behebt lockeren Satz selten richtig.
Typst optimiert PDF-Absätze, die Webergänzung geeignete Prosa. Quelle, Schriften und visuelle Hierarchie sind gemeinsam; Umbrüche können abweichen. Siehe den Typst-Textvertrag und den Browser-Trennungsvertrag.
Das Design ändern¶
Bearbeiten Sie _static/editorial.css für Gestaltungsvorgaben, _templates/layout.html für Struktur und _templates/book.typ für Drucksatz. Erhalten Sie Lesereihenfolge, Fokusmarkierungen, Labels und ausreichenden Kontrast.
Bauen Sie nach Änderungen beide Ziele und prüfen Sie Code, Tabellen, Diagramme und Formeln. Eine schöne Titelseite beweist nicht die Qualität des gesamten Buchs. Der Vorlagenvertrag steht in Vorlagen, die ganze API in API Reference und im selben PDF.