Ihre Website muss gut aussehen, und Typografie ist ein Schlüsselfaktor im Design. Wo finden Sie 2020 kostenlose Schriftarten online, die einen hohen Qualitätsstandard einhalten?

Ich glaube, eine Benutzeroberfläche sollte nur das Notwendige enthalten und gleichzeitig die notwendigen Elemente ansprechend gestalten. Wir wollen die optimale Balance zwischen Minimalismus und Optik finden.

Halten Sie es einfach, aber lassen Sie das Einfache großartig aussehen.

Aber wie sieht simple genau aus?

Entfernen Sie die Unordnung, und das meiste, was übrig bleibt, ist die UI-Kopie und der Textinhalt. Es ist nicht aufregend, aber seien wir ehrlich: Dies ist der wichtigste Aspekt jeder App oder Website. Informationen sind der gesamte Grund, warum Benutzer unsere App oder Website verwenden.

Mit der richtigen Schriftart in Verbindung mit den richtigen Schriftstilen (siehe Schriftart vs. Schrift: Der ultimative Leitfaden) können wir Designs erstellen, die gleichzeitig recht einfach und ansprechend sind. Dies betont die wichtigen Aspekte des Designs, verbraucht weniger Ressourcen und induziert die geringste unerwünschte kognitive Belastung.

Typografie kann sehr mächtig sein.

Aber was sind die besten kostenlosen Schriftarten-Websites?

Wo man nicht nach kostenlosen Schriftarten sucht

Dribbble, Behance, Gumroad usw. beherbergen eine Menge versteckter Juwelen, aber dazu müssen viele digitale Ressourcen durchsucht werden, von denen einige unvollständige Nebenprojekte und „Lite“ -Versionen sind. Davon abgesehen, stellen Sie sicher, dass Sie tolle Ressourcen bookmarken, wenn Sie zufällig auf irgendwelche stoßen. Sogar Instagram könnte Sie überraschen, und Twitter sollte auch nicht übersehen werden.

Abgesehen davon werfen wir einen Blick auf die besten kostenlosen Schriftarten-Websites.

Google Fonts

Die Nummer eins auf dieser Liste ist offensichtlich Google Fonts, die über das hinausgeht, was die meisten Alternativen bieten. Zunächst einmal bietet Google Fonts ein schnelles und komfortables CDN (Content Delivery Network), mit dem Webfonts ganz einfach in Websites eingebettet werden können, ohne sie tatsächlich zu hosten.Wir können auch steuern, wie sie im Web geladen werden, indem wir die CSS-Eigenschaft font-display über die Abfragezeichenfolge des Einbettungscodes festlegen, wodurch die Ladezeiten der Website verbessert werden. (Der CSS-Tricks Artikel über „Google Fonts und Font-Display“ erklärt, wie.)

Wohlgemerkt, Self-Hosting-Schriftarten sind besser für die Privatsphäre (weil es cookieless ist) und Geschwindigkeit (weil es Entwicklern mehr Kontrolle bietet). In jedem Fall hat Google Fonts ein riesiges Repertoire.

Creative Market

Ich weiß, was du denkst: „Creative Market ist nicht kostenlos, Daniel!“

Ahhh, aber was ist mit dem kostenlosen Warenbereich? Das Interessante an kostenlosen Gütern ist, dass es sich tatsächlich um Premium-Schriftarten handelt, die vorübergehend kostenlos sind. Es ist zwar nicht garantiert, dass es Schriftarten enthält, aber es wird jede Woche mit sechs neuen Design-Assets aktualisiert (plus drei weitere, wenn Sie sich anmelden, und weitere drei, wenn Sie X für Assets ausgeben).

Ich überprüfe seit Jahren jede Woche den Bereich für kostenlose Waren auf Creative Market und habe ein großes Repository mit hochwertigen Schriftarten aufgebaut, die nichts kosten. Font Bundles läuft ein ähnliches Geschäft.

Font Squirrel

Font Squirrel ist wie Unsplash, aber für Schriftarten, obwohl man bedenkt, wie lange es schon existiert (eine wirklich lange Zeit!), vielleicht zu sagen, dass Unsplash wie Font Squirrel ist, aber für Stock-Bilder ist genauer! Eine der besten kostenlosen Schriftarten-Websites neben Dafont und Urban Fonts, obwohl „Squirrel“ besser ist.

Obwohl viele der Veteranen-Websites ein wenig veraltet aussehen, hat Font Squirrel seine Website im Vergleich zu den anderen etwas modern gehalten. Es hat auch ein paar sehr nützliche Tools:

• Webfont Generator (konvertiert TrueType- / OpenType-Schriftarten in Webfonts)
• Font Identifier (um den Namen der Schriftart aus einem hochgeladenen Bild / Screenshot herauszufinden)

FontSpace

FontSpace ist einer der -suchen Websites, obwohl es nur Schriftarten kostenlos für den persönlichen Gebrauch anbietet, während Font Squirrel bestätigt, dass alle ihre Schriftarten für den kommerziellen Gebrauch kostenlos sind. FontSpace ist möglicherweise nicht immer geeignet.

Von fonts

Was Befonts auszeichnet, ist der Fokus auf Display-Fonts.

Obwohl einige der Schriftarten nur Lite / Demo-Versionen anbieten und oft nur im TTF / OTF-Format vorliegen (was bedeutet, dass sie weniger für das Web geeignet sind), ist Befonts eine der wenigen Websites, die nicht den „Wir haben alles“ -Ansatz verfolgen (was manchmal überwältigend sein kann). Außerdem können Sie TTF- und OTF-Schriftarten jederzeit in Webfonts konvertieren.

Font Shop

Font Shop konzentriert sich nicht vollständig auf kostenlose Schriften wie Font Squirrel und FontSpace, aber es ist immer noch eine ziemlich anständige Alternative, wenn die Optionen eins bis vier nicht das hatten, wonach Sie gesucht haben. Ich finde es die am wenigsten benutzerfreundliche der Optionen, aber die Schriftarten sind relativ hochwertig.

Lobende Erwähnungen

Die folgenden kostenlosen Schriftarten-Websites sehen etwas veraltet aus, und wahrheitsgemäß tun dies auch einige der Schriftarten, aber sie gehören wohl zu den größten Datenbanken mit kostenlosen Schriftarten, die es heute gibt:

• Dafont
• Urban Fonts
• Fontsly

Welches Schriftformat benötige ich?

Die Schriftformate OpenType (OTF) und TrueType (TTF) sind seit langem der Standard und werden auch heute noch stark im Grafikdesign verwendet. Allerdings haben WOFF-Formate eine bessere Komprimierung im Web (insbesondere WOFF2, das jetzt in 94,49% der Webbrowser unterstützt wird caniuse.com ). Tatsächlich bietet der neue Google Fonts-Einbettungscode jetzt nur noch das WOFF2-Format.

Also, kurz gesagt:

• WOFF2 für Web-Einbettungen
• TTF/OTF für alles andere

Welchen Schriftstil benötige ich?

Heutzutage spielt es keine Rolle mehr, weil die Normen ein wenig aus dem Fenster geworfen wurden. Zum Beispiel können Serifenschriften jetzt ein modernes Gefühl haben (denken Sie an Medium).

Stattdessen sollten wir uns mehr auf Klarheit konzentrieren:

• Lesbarkeit (wie einfach es ist, Zeichen voneinander zu unterscheiden)
• Lesbarkeit (wie einfach es ist, Sätze als Ganzes zu lesen)

Einiges davon hängt von der Schriftart selbst ab, daher sollte man bei der Entscheidung, welche Schriftarten verwendet werden sollen, aufmerksam sein, aber manchmal kommt es darauf an, wie die Schriftart gestaltet ist (in Bezug auf Größe, Gewicht usw.).

Im Zweifelsfall die WCAG 2.0/2.1 (Richtlinien zur Barrierefreiheit von Webinhalten) Hier finden Sie alles, was Sie über Typografie und ihre vielen Attribute wissen müssen, z. B. Zeilenabstand, Zeilenbreite, Zeilenhöhe, Schriftgröße usw.

Fazit

Fonts sind super nützlich, und sie sind oft alles, was benötigt wird, um die richtige Menge an visueller und emotionaler Anziehungskraft zu erreichen, ohne auf mehr und mehr visuelle Unordnung zu legen. Ihr Design braucht sowieso Text, warum also nicht zum herausragendsten Aspekt machen?