Web/HTML Schriftarten Überblick

Die erste Liste umfasst die Schriftarten, die auf jeder Website unabhängig vom Betriebssystem und Plattform eingesetzt werden können.

1. Das ist ein Beispieltext ohne Sinn (Verdana)
2. Das ist ein Beispieltext ohne Sinn (Arial)
3. Das ist ein Beispieltext ohne Sinn (Sans-serif)

Textbeispiele Font-Family Verdana, Arial und Sans-Serif

Schriftart: Verdana

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Arial

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Sans-Serif

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Georgia als optionale Schriftart

Georgia ist auf Mac OS und Windows verfügbar und teilweise auf mehreren Linux Derivaten. Daher bietet sich Georgia als optionale Schriftart für die Windows Schriftart Verdana an.

1. Das ist ein Beispieltext ohne Sinn (Verdana)
2. Das ist ein Beispieltext ohne Sinn (Georgia)

Textbeispiele Font-Family Verdana und Georgia

Schriftart: Verdana

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Georgia

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Sonstige Web Schriftarten

Weitere oft genutzte Schriftarten auf Websites unterschiedlicher Branchen. Nicht alle dieser Schriftarten stehen in Linux Derivaten zur Verfügung.

1. Das ist ein Beispieltext ohne Sinn (Trebuchet MS)
2. Das ist ein Beispieltext ohne Sinn (Bitstream Vera Sans)
3. Das ist ein Beispieltext ohne Sinn (Tahoma)
4. Das ist ein Beispieltext ohne Sinn (Helvetica)

Textbeispiele Font-Family Trebuchet MS, Bitstream Vera Sans, Tahoma und Helvetica

Schriftart: Trebuchet MS

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Bitstream Vera Sans

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Tahoma

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Helvetica

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Linux Schriftarten

In vielen Linux Derivaten sind folgende Schriftarten nach einer Standardinstallation zu finden. Sie werden selten für Websites genutzt, sind aber fester Bestandteil der Linux Plattform.

1. Das ist ein Beispieltext ohne Sinn (Century Schoolbook L)
2. Das ist ein Beispieltext ohne Sinn (Nimbus Roman No9 L)
3. Das ist ein Beispieltext ohne Sinn (URW Bookman L)

Textbeispiele Linux Font-Family Century Schoolbook L, Nimbus Roman No9 L und URW Bookman L

Schriftart: Century Schoolbook L

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Nimbus Roman No9 L

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: URW Bookman L

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Buch Schriftarten

Die zwei Schriftarten, speziell Palatino Linotype, werden auch in klassischen Büchern verwendet. Beide Schriftarten sind unter Linux nicht verfügbar.

1. Das ist ein Beispieltext ohne Sinn (Palatino Linotype)
2. Das ist ein Beispieltext ohne Sinn (Franklin Gothic Medium)

Textbeispiele Font-Family Palatino Linotype und Franklin Gothic Medium

Schriftart: Palatino Linotype

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Schriftart: Franklin Gothic Medium

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

WordPress - neues Schriftart-Konzept

WordPress geht seit dem Theme "twentytwentyone" neue Wege in Bezug auf Web Schriftarten für den Multi-OS Plattform Einsatz.

1. Das ist ein Beispieltext ohne Sinn (-apple-system)
2. Das ist ein Beispieltext ohne Sinn (BlinkMacSystemFont)
3. Das ist ein Beispieltext ohne Sinn (Segoe UI)
4. Das ist ein Beispieltext ohne Sinn (Roboto)
5. Das ist ein Beispieltext ohne Sinn (Oxygen-Sans)
6. Das ist ein Beispieltext ohne Sinn (Ubuntu)
7. Das ist ein Beispieltext ohne Sinn (Cantarell)
8. Das ist ein Beispieltext ohne Sinn (Helvetica Neue)
9. Das ist ein Beispieltext ohne Sinn (Sans-serif)