Erläuterung der CSS-Schriftfamilie und der web-sicheren Schriftarten

Web-sichere Schriftarten

Web-sichere Schriftarten sind Schriftarten, die in den meisten Betriebssystemen enthalten sind. Die Folge dieser hohen Verfügbarkeit ist, dass ein Designer erwarten kann, dass Typografie mit web-sicheren Schriftarten für die meisten Benutzer genau so angezeigt wird, wie sie beabsichtigt ist. Im Folgenden finden Sie eine nicht vollständige Liste einiger Schriftarten, die zum Zeitpunkt des Schreibens als web-sicher gelten und nach generischen CSS-Schriftfamilien kategorisiert sind.

Web-sichere Serifenschriftarten:

  • Georgia
  • Times New Roman

Web-sichere serifenlose Schriftarten:

  • Arial
  • Tahoma
  • Trebuchet MS
  • Verdana

Web-sichere Monospaced-Schriftarten:

  • Kurier Neu

Es ist erwähnenswert, dass Schriftstapel mit Fallback-Optionen, einschließlich einer generischen Schriftfamilie, weiterhin verwendet werden sollten, selbst wenn Ihr Design nur web-sichere Schriftarten verwendet. Zum Beispiel:

p { font-family: Tahoma, Arial, sans-serif; }

Ein Hinweis zu Web-Schriftarten

Nur weil einige Schriftarten sicherer sind als andere, heißt das nicht, dass Sie Ihre Designs darauf beschränken sollten, nur web-sichere Schriftarten zu verwenden. Moderne Designs mit CSS können auch Web-Schriftarten nutzen, um eine konsistente Typografie über alle Betriebssysteme hinweg sicherzustellen.

Weitere Informationen zu Schriftarten:

  • So laden Sie Web-Schriftarten richtig
  • Google Font Superfamilies
  • So verwenden Sie Google Fonts in Ihrem nächsten Designprojekt