25 Gorgeous Web Safe Schriften für Ihre Website

Artikel geschrieben von:
  • Online Business
  • Aktualisiert: Jan 17, 2019

Ob du es bist ein E-Commerce-Geschäft or ein aufstrebender BloggerAllen Websites gemeinsam ist die Verwendung von Text für Inhalte. Denken Sie über Ihren angezeigten Text (oder typografisches Design) nach nicht überraschend wichtig, wenn Sie die allgemeine Ästhetik Ihrer Website erstellen und deren Erfolg sicherstellen möchten.

Hier ist die Sache, Sie könnten eine fantastische WordPress-Vorlage haben oder beeindruckende Bilder auf Ihre Website stellen HOWEVER, wenn Sie eine unattraktive Grundschrift verwenden (oder schlimmer noch Comic Sans!), Dann erhalten Sie immer noch eine Website, die aussieht und sich anfühlt unprofessionell.

Plus, Sie vermissen die Fülle der wunderschönen Web-Typografie, die online verfügbar ist.

Wenn Sie sicherstellen möchten, dass die ausgewählte Schriftart auf anderen Computern zuverlässig geladen wird, müssen Sie eine websichere Schriftart auswählen.

Mit unseren wunderbaren websicheren 25-Schriftarten werden Sie sicher sein, dass Sie am Ende dieses Artikels eine erstaunliche Web-Typografie für Ihre Website haben, die immer funktioniert!

Was ist eine websichere Schriftart?

Web-sichere Schriftarten sind Schriftarten, die normalerweise auf den meisten Geräten vorinstalliert sind - Computer, Mobiltelefone, Smart TVs und Tablets.

Warum websichere Schriften zählen?

In einer idealen Welt sollten Sie die Möglichkeit haben, eine beliebige Schriftart für Ihre Website zu wählen. In Wirklichkeit gibt es Einschränkungen für den Typ der Schriftarten, die Sie verwenden können.

Die meisten Computer und Webbrowser sind mit einer Reihe von Schriftarten ausgestattet, die von den Herstellern vorinstalliert sind. Ihre Designs können sich jedoch (und normalerweise) voneinander unterscheiden. Es gab keine Standardschriftart, die von allen Herstellern geteilt wurde.

Wenn die von Ihnen verwendete Schriftart nicht auf dem Computer eines Benutzers installiert wurde, wird Ihre Website einfach auf eine generische Schriftart zurückgesetzt, die manchmal nicht lesbar ist.

Um das zu vermeiden, verwenden Webdesigner die Core-Schriftarten für das Web dass Microsoft in 1996 als Standard für die meisten Website-Schriftarten veröffentlicht. Diese Zeichensätze wurden schließlich zu "websicheren Schriften", denn unabhängig vom Computer werden die Zeichensätze sicher auf Ihrer Website angezeigt.

Soll ich Web Safe Fonts für meine Website verwenden?

Kurze Antwort: Absolut.

Wenn Sie das Design und die visuelle Marke Ihrer Website konsistent halten möchten, sorgt eine websichere Schriftart dafür, dass Ihre Website genau so aussieht, wie Sie es sich vorgestellt haben.

In der Tat verwenden fast alle Website heute eine Art von Web-Safe-Schriftart. Webdesigner empfehlen immer, eine websichere Schriftart zu wählen, um zu vermeiden, dass allgemeine Schriftarten wie Times New Roman angezeigt werden, wenn Benutzer Ihre Website besuchen, wenn sie diese spezielle oder benutzerdefinierte Schriftart nicht verwenden.

Wie füge ich diese websicheren Schriftarten hinzu?

Es gibt eine Reihe von Möglichkeiten, die Sie verwenden können, um diese Schriftarten zu Ihrer Webseite hinzuzufügen, aber wenn Sie nicht in Programmierung sind oder wenig bis keine technische Erfahrung haben, können Sie einfach den rohen CSS-Code kopieren und direkt einfügen in ein eigenes Stylesheet, um die Fonts zu verwenden.

Wenn Sie sich noch nicht sicher sind, folgen Sie einfach diesen wenigen einfachen Schritten:

  1. Laden Sie Ihre Datei header.php hoch
  2. Kopieren Sie die Schriftartquelle / den Standardcode
  3. Fügen Sie den Code oben in der Headerdatei ein.
  4. Laden Sie Ihre style.css, legen Sie den Schriftart-Code, um den Schriftart-Text Ihrer Wahl zu ändern.

Am Ende sollten Sie ein Stylesheet haben, das so aussieht:

Die 25 Gorgeous Web Safe Schriftarten für Ihre Website

1. Arial

Links / Quelle: Fonts.com / CSS-Schriftstapel

2. Calibri

Links / Quelle: Fonts.com / CSS-Schriftstapel

3. Helvetica

Links / Quelle: Fonts.com / CSS-Schriftstapel

4. Segoe UI

Links / Quelle: Fonts.com / CSS-Schriftstapel

5. Trebuchet MS

Links / Quelle: Fonts.com / CSS-Schriftstapel

6. Cambria

Links / Quelle: Fonts.com / CSS-Schriftstapel

7. Palatino

Links / Quelle: Fonts.com / CSS-Schriftstapel

8. Perpetua

Links / Quelle: Fonts.com / CSS-Schriftstapel

9. Georgia

Links / Quelle: Fonts.com / CSS-Schriftstapel

10. Consolas

Links / Quelle: Fonts.com / CSS-Schriftstapel

11. Kurier Neu

Links / Quelle: Fonts.com / CSS-Schriftstapel

12. Tahoma

Links / Quelle: Fonts.com / CSS-Schriftstapel

13. Verdana

Links / Quelle: Fonts.com / CSS-Schriftstapel

14. Optima

Links / Quelle: Fonts.com / CSS-Schriftstapel

15. Gill Sans

Links / Quelle: Fonts.com / CSS-Schriftstapel

16. Jahrhundertgotik

Links / Quelle: Fonts.com / CSS-Schriftstapel

17. Candara

Links / Quelle: Fonts.com / CSS-Schriftstapel

18. Andale Mono

Links / Quelle: Fonts.com / CSS-Schriftstapel

19. Didot

Links / Quelle: Fonts.com / CSS-Schriftstapel

20. Kupferplatte Gothic

Links / Quelle: Fonts.com / CSS-Schriftstapel

21. Rockwell

Links / Quelle: Fonts.com / CSS-Schriftstapel

22. Bodoni

Links / Quelle: Fonts.com / CSS-Schriftstapel

23. Franklin Gothic

Links / Quelle: Fonts.com / CSS-Schriftstapel

24. Auswirkung

Links / Quelle: Fonts.com / CSS-Schriftstapel

25. Calisto MT

Links / Quelle: Fonts.com / CSS-Schriftstapel

Font Tools zum Auschecken

Es gibt eine Reihe von Online-Tools, mit denen Sie verschiedene Schriftarten prüfen und testen können, die Sie für Ihre Website verwenden können. Wenn Sie Probleme bei der Auswahl einer Schriftart haben oder einfach nur herausfinden möchten, welche Arten von websicheren Schriftarten verfügbar sind, sind diese Websites ein großartiges Werkzeug.

Schriftart

Schriftart bietet eine Menge Ressourcen, Plugins, eBooks, Anleitungen, Videos und sogar Inspirationen zu allem und jedem, was mit Typografie zu tun hat. Sie haben sogar einen Bereich, in dem Sie die beliebtesten Schriftarten finden, die auf Google Fonts verfügbar sind und welche Schriftarten am besten miteinander kombiniert werden können.

Wordmark.it

Wenn Sie eine schnelle Vorschau sehen möchten, wie Ihr Text mit einer bestimmten Schriftart aussehen würde, Wordmark.it gibt Ihnen eine sofortige Vorschau, wie Ihr Text in mehreren Schriften gleichzeitig angezeigt werden würde. Geben Sie einfach ein Wort oder einen Ausdruck in die erste Seitenleiste ein, drücken Sie die Eingabetaste und es wird Ihnen Ihr Text mit verschiedenen Schriftarten wie Candara oder Lucida Console angezeigt.

WhatTheFont

WhatTheFont ist ein Werkzeug, mit dem Sie eine Schriftart, die Sie online gesehen haben, herausfinden und identifizieren können. Sie müssen lediglich ein Bild der Schriftart hochladen und WhatTheFont wird es in ihrer Datenbank durchsuchen, um die besten Ergebnisse zu erzielen. Wenn Sie immer noch nicht die genaue Schriftart finden, können Sie sogar zu ihrem Forum, um Hilfe zu bitten.

Es geht nur um das Font Play

Wenn Sie so etwas wie ich sind, dann haben Sie die Chance, viel Zeit im Internet zu verbringen und viele Webseiten zu lesen und zu besuchen. Aus diesem Grund werden Sie es zu schätzen wissen, wenn eine Website eine gute Typografie verwendet, um das visuelle Design Ihrer Website zu ergänzen.

Wenn Sie websichere Schriftarten verwenden, die den Augen gefallen, sind Ihre Benutzer dankbar und bereit, mehr Inhalte zu verwenden. Also, worauf wartest Du? Verwenden Sie diese Schriftarten und Mach eine tolle Website für dein Geschäft!

Artikel von Azreen Azmi

Azreen Azmi ist eine Autorin mit einem Hang zum Schreiben über Content Marketing und Technologie. Von YouTube bis Twitch versucht er, mit den neuesten Inhalten Schritt zu halten und herauszufinden, wie Sie Ihre Marke am besten vermarkten können.

Verbindung herstellen: