Webtypografie

Webtypografie
Webfonts ermöglichen es Webdesignern, Schriftarten zu verwenden, die nicht auf den Computern der Benutzer installiert sind.

Webtypografie bezeichnet die Typografie für digitale Texte und den Gebrauch von Fonts im Web. In den Anfängen von HTML wurden die Schriftarten und -stile ausschließlich durch die jeweiligen Einstellungen der Webbrowser bestimmt. Es gab keine Möglichkeit, die auf einer Website angezeigten Schriften zu beeinflussen, bis Netscape 1995 den <font>-Tag einführte, der dann in der HTML 2-Spezifikation als Standard festgelegt wurde. Die definierte Schriftart muss allerdings auf dem Benutzerrechner installiert sein. Ansonsten wurde ein „Fallback-Font“, wie z. B. der im Browser eingestellte Standard-Sans-Serif oder Monospace-Font verwendet.

Um das Design vom Markup zu trennen, wurde 1996 die erste Version der Cascading Style Sheets-Spezifikation (CSS) veröffentlicht und beinhaltete dieselben Möglichkeiten. Moderne Browser unterstützen aber bald das Herunterladen fremder Fonts vom Webserver. Der erste Browser, der diese Technik verfügbar machte, war der Internet Explorer der Version 4.0. Der Font-Download wurde später Bestandteil des Fonts-Moduls von CSS3 und wurde seitdem in nahezu allen modernen Browsern implementiert. Dadurch stieg das Interesse an Web-Typografie und dem Gebrauch herunterladbarer Schriftarten in Websites.

Die benötigten Schriftdateien werden heute auch von verschiedenen Anbietern wie der Google Font Library bereitgestellt, sodass der Webdesigner diese nur noch einbinden, und nicht mehr selbst hosten muss.

Basis für alle Webfonts ist der Unicode-Standard als weltweites System zur Zeichencodierung.

Literatur

Siehe auch

Weblinks


Wikimedia Foundation.

Игры ⚽ Нужно сделать НИР?

Schlagen Sie auch in anderen Wörterbüchern nach:

  • Webtypographie — Die Artikel Webtypografie, Typografie für HTML, Typografie für digitale Texte und Typografie für den Webtext überschneiden sich thematisch. Hilf mit, die Artikel besser voneinander abzugrenzen oder zu vereinigen. Beteilige dich dazu an der… …   Deutsch Wikipedia

  • Typografie für den Webtext — beschreibt die praktische Umsetzung der Webtypografie auf konkrete Gestaltungselemente. Die Webtypografie ist nicht zwingend an die Informationsübertragung über das Internet gebunden; dies ist nur der häufigste Fall. Die identische Situation… …   Deutsch Wikipedia

  • - — Satzzeichen , –, , ―  . ,  , ,  ; ,  : ,  … ,  ·  ¿, ?, !, ¡, ‽, ؟ „…“, »…« …,  ’  …   Deutsch Wikipedia

  • Auszeichnungsart — Schriftauszeichnung ist eine typographische Möglichkeit, innerhalb eines Textes einzelne Textteile besonders hervorzuheben; das heißt, diese Teile gegenüber dem restlichen Text auszuzeichnen. Manche Auszeichnungsarten sollen es dem Leser… …   Deutsch Wikipedia

  • Auszeichnungsschrift — Schriftauszeichnung ist eine typographische Möglichkeit, innerhalb eines Textes einzelne Textteile besonders hervorzuheben; das heißt, diese Teile gegenüber dem restlichen Text auszuzeichnen. Manche Auszeichnungsarten sollen es dem Leser… …   Deutsch Wikipedia

  • Beschreibungssprache — Eine Auszeichnungssprache (engl. Markup Language, Abk. ML) dient zur Beschreibung der Daten und teilweise des Verfahrens, das zur Bearbeitung dieser Daten nötig ist. Ursprünglich dienten die Auszeichnungen im Text als Anweisungen für die Setzer… …   Deutsch Wikipedia

  • Beschreibungssprachen — Eine Auszeichnungssprache (engl. Markup Language, Abk. ML) dient zur Beschreibung der Daten und teilweise des Verfahrens, das zur Bearbeitung dieser Daten nötig ist. Ursprünglich dienten die Auszeichnungen im Text als Anweisungen für die Setzer… …   Deutsch Wikipedia

  • Bindestrich — Satzzeichen , –, , ―  . ,  , ,  ; ,  : ,  … ,  ·  ¿, ?, !, ¡, ‽, ؟ „…“, »…« …,  ’  …   Deutsch Wikipedia

  • Bindestrich-Minus — Satzzeichen , –, , ―  . ,  , ,  ; ,  : ,  … ,  ·  ¿, ?, !, ¡, ‽, ؟ „…“, »…« …,  ’  …   Deutsch Wikipedia

  • Bindestrich-Minuszeichen — Satzzeichen , –, , ―  . ,  , ,  ; ,  : ,  … ,  ·  ¿, ?, !, ¡, ‽, ؟ „…“, »…« …,  ’  …   Deutsch Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”