MD Pawlik Webtypographie Flashcards
Zitat von Oliver Reichenstein (“Web Design is…”)
“Web Design is 95% Typography” - Oliver Reichenstein
Makrotypographie
Seitenformat Satzspiegel Bildplatzierung Vermeidung unpassender worttrennungen Gliederung Schriftgröße ...
Mikrotypographie
Schriftart Kapitälchen Ligaturen Laufweite Wortabstände Orthotypographisch korrekte Zeichensetzung
Welche html tags gibt es um text zu strukturieren?
Die app kann das nicht gscheit anzeigen -> schliest alle tags irgenwie
Überschriften:
<h1><h2> ... Absätze & Listen </h2></h1><p></p><blockquote><ul> ... Textauszeichnung: <strong><b><i><sup> (=hochgestellt) ...
</sup></i></b></strong></ul></blockquote><h1></h1>
Wie wurden schrifften anfangs auf webseiten angezeigt?
1998 waren nur die systemseitigen (browserseitigen) schriften verfügbar
Welche neuerung gab es in css2 für die einbettung von schriften?
Die @fonface-Regel ermöglichte serverseitige schrift-bereitstellung
Was fehlte bei der einführung der @fontface-Regel anfangs noch?
Kopierschutz
Was waren erste fonthoster?
Zb. Typekit, Fontdeck und Google Fonts
Vor- und Nachteile der Schrifteinbindung mit css3 (font-face)
Pro: Einfach Kein Flash Kein javascript Kompatible mit css transformationen ... Contra: Datei bis über 1MB Lizenzproblematik
Vor und Nachteile von Schrifteinbindung via externem Fonthoster
Pro:
Codierte Schriftinformation -> Rechtssicherheit
Gute Performance durch komprimierte Daten
Unkompliziert
Contra:
Serverausfall
Abo oder Fixpreis
Keine Schriftenklassiker
Vor-und Nachteile bei Verwendung von Web-safe Fonts
Pro:
Unkompliziert
Sicher
Contra:
Aussehen nicht definiert
Drei arten auf webseiten schriften zu verwenden
Css (font-face)
Externer Fonthoster
Websafe Fonts
Schriftformate für Print und Web
Print: TrueType & PostScript
Web: EOT, TTF/OTF, WOF
TTF/OTF sind nicht geschützt
Hinting
Rasterung von Schrift größenspezifisch korrigieren
Antialaising
Konturinformation->Graustufenbild
Ohne anti-alaising scharfe kantige linienränder