Die besten kostenlosen Webfonts für 2018

Veröffentlicht: 2018-10-26

Die Schriftarten, die Sie für Ihre WordPress-Website auswählen, spielen eine große Rolle im Gesamtdesign. Es ist keineswegs ein nachträglicher Gedanke. Ändern Sie einfach alle Ihre Schlagzeilen in Comic Sans, wenn Sie einen Beweis benötigen! Okay, das ist etwas drastisch. Aber bei der Typografie kann selbst die kleinste Änderung einen großen Unterschied machen. Dank des Webs (und insbesondere Google) gibt es eine Menge kostenloser Webfonts, die Ihnen bei der Auswahl der besten helfen. Wenn Sie also nach ein wenig Inspiration oder nach einem Schrift-Upgrade Ihrer aktuellen Website suchen, empfehle ich Ihnen dringend, die folgende Liste zu durchsuchen, um einige der besten Webfonts zu entdecken, die die Designwelt zu bieten hat.

Die besten kostenlosen Webfonts für 2018

Abonnieren Sie unseren Youtube-Kanal

Hier sind 40 der besten Webfonts, die 2018 verfügbar sind (und sie sind kostenlos!)

1. Roboter

beste-web-fonts-1

Roboto soll eine Verbindung zwischen geometrischen Formen und freundlichen Kurven sein. Es erzeugt einen natürlichen Leserhythmus und funktioniert gut als Titel, Überschrift oder Körpertyp. Auch die kondensierte Version, Roboto Condensed, erfreut sich großer Beliebtheit.

Holen Sie sich die Schriftart

2. Playfair-Anzeige

beste-web-fonts-2

Playfair ist vom Übergang der Schreib-/Drucktechnologie des späten 18. Jahrhunderts beeinflusst; als Federkiele durch spitze Stahlstifte ersetzt wurden. Sie ist auch beeinflusst vom Schriftbildner John Baskerville und William Martins Schrift für die „Boydell Shakspeare“. Es ist großartig für Titel und Schlagzeilen.

Holen Sie sich die Schriftart

3. Öffnen Sie Sans

beste-web-fonts-3

Als gute neutrale Schrift gestaltet, ist Open Sans sehr freundlich und gut lesbar. Gut für Titel, Überschriften oder Fließtext.

Holen Sie sich die Schriftart

4. Montserrat

beste-web-fonts-4

Diese Schriftart wurde ursprünglich von Julieta Ulanovsky erstellt. Ihre Inspiration für das Schriftdesign kam von all den schönen Schildern und Postern, die sie in Montserrat, einem Stadtteil von Buenos Aires, sah. Es sieht wunderbar aus auf kurzen Überschriften mit großen Buchstaben in Großbuchstaben.

Holen Sie sich die Schriftart

5. Merriwetter

beste-web-fonts-5

Diese Serifenschrift ist im Fließtext auf allen Bildschirmtypen äußerst angenehm zu lesen, da sie für das Web entwickelt wurde. Es funktioniert auch hervorragend für Überschriften.

Holen Sie sich die Schriftart

6. Lato

beste-web-fonts-6

Lato wurde speziell für den Unternehmensgebrauch entwickelt. Es hat ein professionelles Aussehen, das sich gut in verschiedenen Größen verwenden lässt. Seine halbrunden Details verleihen ihm auch eine Wärme, die die Menge anspricht.

Holen Sie sich die Schriftart

7. Bebas Neue

beste-web-fonts-7

Diese serifenlose „all Caps“-Schriftart ist äußerst beliebt und gilt aus gutem Grund als eine der besten kostenlosen Webfonts. Es erstellt erstaunlich aussehende Displays für Ihre Website-Header!

Holen Sie sich die Schriftart

8. Noto Sans

beste-web-fonts-8

Noto Sans ist einzigartig, da es so konzipiert wurde, dass es in mehreren Sprachen großartig aussieht. Aufgrund des horizontalen Abstands zwischen den Buchstaben sieht es im Fließtext und auf Seiten mit viel Inhalt gut aus.

Holen Sie sich die Schriftart

9. Source Sans Pro

beste-web-fonts-9

Source Sans Pro wurde in erster Linie mit Blick auf Benutzeroberflächen entwickelt. Dies ergibt eine großartige Menüschrift, kann aber auch für andere Dinge wie Fließtext verwendet werden.

Holen Sie sich die Schriftart

10. Oswald

beste-web-fonts-10

Diese serifenlose Schrift ist eine wunderbare Schriftart für das Web, da sie so geformt wurde, dass sie in das Pixelraster digitaler Bildschirme passt. Es ist eine schmale Schriftart, die nicht viel Platz einnimmt, sodass sie sich hervorragend für große Kopfzeilen mit viel Text eignet.

Holen Sie sich die Schriftart

11. PT Sans

beste-web-fonts-11

PT Sans ist Teil eines Projekts namens „Public Types of Russian Federation“, das die Anzeige von Text in mehreren Sprachen einheitlich machen soll (ähnlich wie Noto Sans). Diese Schriftart eignet sich für mehrere Zwecke.

Holen Sie sich die Schriftart

12. Rubik

beste-web-fonts-12

Die Rubik-Schrift wurde von Philipp Hubert und Sebastian Fischer entworfen, um eine serifenlose Schrift mit leicht abgerundeten Ecken zu schaffen, bei der die Buchstaben perfekt in die Quadrate des Zauberwürfels passen. Die Schriftart eignet sich hervorragend für Überschriften und Fließtext.

Holen Sie sich die Schriftart

13. Nunito Sans

beste-web-fonts-13

Diese Sans-Serif-Schrift ist eine ungerundete Version von Nunito. Es ist eine beliebte Schriftart für Benutzeroberflächen und sieht gut aus für Dinge wie Dashboards, Restaurantmenüs und Preislisten.

Holen Sie sich die Schriftart

14. Fira Sans

beste-web-fonts-14

Diese beliebte Webschrift wurde ursprünglich für Mozilla FirefoxOS entwickelt, um eine klare Lesbarkeit auf allen Bildschirmgrößen zu gewährleisten. Verwenden Sie es als modernen Typ für mehrere Zwecke.

Holen Sie sich die Schriftart

15. Arbeitslose

beste-web-fonts-15

Diese serifenlose Schriftart ist als vereinfachte Webschrift konzipiert, die auf allen Bildschirmen gut aussieht. Verwenden Sie höhere Strichstärken für große, geräumige Überschriftenanzeigen und die normale Strichstärke für leicht lesbaren Fließtext.

Holen Sie sich die Schriftart

16. Poppins

beste-web-fonts-16

Poppins ist eine moderne geometrische Sans-Serif-Schrift, die auf dem Devanagari-Design basiert und die geometrische Kreisform dieser schönen Schrift hervorhebt. Fühlen Sie sich frei, diese Schriftart sowohl für Überschriften als auch für den Fließtext zu verwenden, um ein für das Auge sehr angenehmes Design zu erzielen.

Falls Sie es nicht bemerkt haben, es ist auch die Schriftart, die in unserem Blog verwendet wird.

Holen Sie sich die Schriftart

17. Josefin Sans

beste-web-fonts-17

Diese Schrift ist eine Schwester von Josefin Slab (ebenfalls eine tolle Schriftart). Es wurde entworfen, um geometrisch elegant zu sein und ein Vintage-Feeling zu verleihen. Verwenden Sie einen negativen Buchstabenabstand für größere Überschriften und Sie können den schönen Standard-Buchstabenabstand beibehalten, den er für Ihren Fließtext bietet.

Holen Sie sich die Schriftart

18. Ubuntu

beste-web-fonts-18
Ubuntu ist eine serifenlose Schriftart, die für das Web entwickelt wurde und als Allzweckschriftart gedacht ist. Gut für Titel, Überschriften, Schaltflächen und Fließtext gleichermaßen.

Holen Sie sich die Schriftart

19. PT-Serifen

beste-web-fonts-19

PT Serif ist das neue Mitglied der PT Sans-Familie, sodass die beiden als Schriftpaar gut zusammenarbeiten. Es ist ein harmonischer Typ, der für fast alles gut funktioniert.

Holen Sie sich die Schriftart

20. Muli

beste-web-fonts-20

Diese serifenlose Schriftart eignet sich hervorragend für Websites mit minimalistischem Design. Es funktioniert am besten für große Überschriften, kann aber auch für Fließtext funktionieren.

Holen Sie sich die Schriftart

21. Arvo

beste-web-fonts-21

Arvo ist eine geometrische Serifenschrift, die als „gemischte“ Schrift für mehrere Zwecke gedacht ist. Es kann für Titel, Überschriften und Fließtext verwendet werden.

Holen Sie sich die Schriftart

22. Sauerstoff

beste-web-fonts-22

Diese serifenlose Schrift wurde von Vernon Adams mit Blick auf Benutzeroberflächen erstellt. Es ist so gestaltet, dass es klar und lesbar ist, damit es auf allen Bildschirmgrößen gut aussieht. Verwenden Sie es für Textkörper, Menüelemente und Schaltflächen!

Holen Sie sich die Schriftart

23. Bahnstrecke

beste-web-fonts-23

Raleway ist eine elegante und dünne San-Serif-Schrift, die wahrscheinlich am besten für Titel, Untertitel und Überschriften verwendet wird.

Holen Sie sich die Schriftart

24. Noto Serifen

beste-web-fonts-24

Wie Noto Sans ist Noto Serif so konzipiert, dass es im Web in mehreren Sprachen gut aussieht und ist eine großartige Mehrzweckschrift, die auf allen Bildschirmen schön aussieht. Verwenden Sie es auch mit Noto Sans als perfektes Schriftpaar.

Holen Sie sich die Schriftart

25. Nunito

beste-web-fonts-25

Nunito ist eine leicht abgerundete serifenlose Schrift, die sich sehr gut für großformatige Typografie eignet. Es ist eine beliebte Schriftart für Benutzeroberflächen. Die Verwendung der normalen Gewichtung für große Überschriften sieht wirklich gut aus.

Nunito

26. Archiv

beste-web-fonts-26

Archivo ist eine groteske (ältere) serifenlose Schrift, die ein schönes technisches Gefühl hat. Im Web sieht sie als Überschriftenschrift besonders gut aus.

Holen Sie sich die Schriftart

27. Abril Fatface

beste-web-fonts-27

Wie der Name schon sagt, ist Abril Fatface ein „größerer“ Typ. Es soll eine Überarbeitung der klassischen Didone-Stile sein. Insbesondere britische und französische Werbeplakate des 19. Jahrhunderts. Diese Schriftart ist wunderbar elegant und eignet sich wahrscheinlich am besten für Titel und Überschriften.

Holen Sie sich die Schriftart

28. Exo 2

beste-web-fonts-28

Exo 2 ist eine neue Version von Exo, die von Natanael Gama entworfen wurde. Diese zeitgenössische Schrift hat eine technische und futuristische Anmutung. Im Gegensatz zu Exo eignet sich Exo 2 auch hervorragend für Fließtext.

Holen Sie sich die Schriftart

29. Barlow

beste-web-fonts-29

Barlow ist vom kalifornischen Publikum inspiriert (Nummernschilder, Schilder, Busse usw.). Das Design ist leicht abgerundet und hat komprimierte Versionen, die großartige Header machen, ohne viel Platz zu beanspruchen.

Holen Sie sich die Schriftart

30. Slabo 27px

beste-web-fonts-30

Slabo 27px ist eine einzigartige Schriftart, die (wie ihre Schwesterschrift Slabo 13px) speziell für die Anzeige mit der Pixelgröße im Namen optimiert ist. Dies macht es zu einer großartigen Webschrift für klare, leicht komprimierte und leicht lesbare Überschriften.

Holen Sie sich die Schriftart

31. Aleo

beste-web-fonts-31

Aleo ist eine Slab-Serif-Schrift ähnlich der beliebten Lato-Schrift. Es ist mit glatten und halbrunden Details ausgestattet, die es zu einer guten Wahl für Überschriften und Fließtext machen.

Holen Sie sich die Schriftart

32. Treibsand

beste-web-fonts-32

Dies ist eine serifenlose Display-Schrift, die nach wie vor eine beliebte Wahl im Web ist. Es hat ein geometrisches Design, das für Überschriften gut aussieht.

Holen Sie sich die Schriftart

33. Cooper Hewitt

beste-web-fonts-33

Diese moderne Sans-Serif-Schrift ist mit einzigartigen geometrischen Bögen gestaltet, die gut zu ihrer komprimierten Darstellung passen. Diese Schriftart sieht in Großbuchstaben als Überschrift gut aus, kann aber auch für normalen Fließtext verwendet werden.

Holen Sie sich die Schriftart

34. Strauß Sans

beste-web-fonts-34

Ostrich Sans ist eine moderne serifenlose Schriftart, die sich hervorragend für Titel, Logos und Überschriften eignet.

Holen Sie sich die Schriftart

35. IBM Plex Sans

beste-web-fonts-35

Diese zeitgenössische Schrift wurde speziell entworfen, um den Geist der Marke IBM widerzuspiegeln. Es hat eine neutrale und freundliche Ausstrahlung, die für mehrere Zwecke auf Ihrer Website verwendet werden kann.

Holen Sie sich diese Schriftart

36. Kormoran

beste-web-fonts-36

Diese einzigartige Schrift wurde (meist gezeichnet) von Grund auf von Christian Thalmann entworfen. Um die Feinheiten der Schriftart hervorzuheben, verwenden Sie diese Schriftart auf Ihrer Website für größere Anzeigen wie Überschriften.

Holen Sie sich die Schriftart

37. Alegreya Sans

beste-web-fonts-37

Diese serifenlose Schrift wurde ursprünglich für Literatur entwickelt und eignet sich daher aufgrund ihres harmonischen Absatzabstands sehr gut als Fließtext.

Holen Sie sich die Schriftart

38. Freier Franklin

beste-web-fonts-38

Diese Sans-Serif-Schrift ist eine zeitgemäße Version der klassischen Schriftart Franklin Gothic. Verwenden Sie es für Überschriften oder Fließtext. Funktioniert sehr gut, wenn es als Überschriftstext verwendet und mit Libre Baskerville als Fließtext gepaart wird.

Holen Sie sich diese Schriftart

39. Libre Baskerville

beste-web-fonts-39

Diese schöne Webschrift ist eine hochwertige Schriftart, die perfekt für einzigartigen und lesbaren Fließtext zu sein scheint. Funktioniert gut in Kombination mit Libre Franklin.

Holen Sie sich diese Schriftart

40. Liga Spartan

beste-web-fonts-40

League Spartan ist eine einfache (fette) Sans-Serif-Schrift, die sich gut zum Erstellen starker und schöner Titel und Überschriften eignet.

Holen Sie sich die Schriftart

Was ist mit Skriptschriften?

Wenn Sie feststellen, dass die Liste keine Skript- (oder Handschrift-) Schriftarten enthält, liegen Sie nicht falsch. Aber das bedeutet nicht, dass es nicht einige großartige kostenlose gibt (Mali, Indie Flower, Pacifico und Dancing Script, um nur einige zu nennen). Sie können sich auch diese Liste mit schönen kostenlosen und Premium-Schriftarten ansehen.

Ein paar schnelle Tipps zur Schriftpaarung

Wenn Sie die Typografie Ihrer Website aktualisieren möchten, sollten Sie sich überlegen, wie verschiedene Schriftarten zusammenarbeiten.

Hier sind ein paar Tipps für den Einstieg:

  • Halten Sie es einfach – verwenden Sie nicht zu viele Schriftarten auf einmal.
  • Halten Sie es lesbar.
  • Denken Sie in Gegensätzen. Kombinieren Sie beispielsweise eine Serif mit einer Sans Serif oder fett mit dünn.
  • Oder behalte es in der Familie. Verwenden Sie unterschiedliche Schriftstärken und -stile in derselben Familie.
  • Versuchen Sie, die Stimmung Ihres Inhalts anzupassen.
  • Experimentieren Sie und behalten Sie, was funktioniert.

(Für Google Fonts können Sie auch das kostenlose Pairing-Tool verwenden)

Weitere Informationen zur Schriftpaarung finden Sie in unserem vollständigen Artikel zu den 7 wichtigsten Prinzipien.

Abschließende Gedanken

Ich hoffe, diese Liste von Schriftarten hilft Ihnen dabei, die perfekte Schriftart für Ihr nächstes Projekt zu finden. Und denken Sie daran, dass viele dieser Schriftarten unterschiedliche Stärken und Stile haben, die Sie optimieren können, um unzählige Designs zu erstellen. Also viel Spaß beim Entdecken!

Danke schön!