Ressourcen zum Finden guter Web-Font-Schemata/Kombinationen

Ich habe angefangen, einige freiberufliche Website-Designarbeiten für kleine Geschäftskunden zu machen, und ein Teil meiner Arbeit wird die Auswahl von Schriftarten umfassen, die auf den Websites verwendet werden, die ich erstellen werde.

Da Typografie nicht meine Stärke ist, habe ich mich gefragt, ob es eine Website gibt, die eine Sammlung von Schemata/Kombinationen mit Webfonts anbietet. Mit 'Schema' meine ich so etwas Einfaches wie eine kleine Liste von Schriftarten, die vorgeschlagen wurden, gut zusammenzuarbeiten/auszusehen, zB Schriftart A für Überschriften, Schriftart B für Unterüberschriften, Schriftart C für Fließtext usw. Grundsätzlich etwas wie Farbkombinationen , mit Ausnahme von Webfonts.

Ich denke, eine Website wie diese wäre eine großartige Ressource für Leute wie mich, die nicht die besten darin sind, Schriftarten auszuwählen, die gut zusammenpassen. Es wäre toll, wenn auf der Website angegeben wäre, welche der enthaltenen Schriftschemata ausschließlich aus frei verwendbaren Webfonts bestehen, da diese natürlich sehr einfach zu implementieren wären.

Also, kennt jemand solche Seiten?

Ich beantworte Ihre Frage nicht direkt, aber dies ist eine großartige Lektüre, wenn Sie verstehen möchten, wie Sie Schriftarten besser kombinieren können: Best Practices zum Kombinieren von Schriftarten

Antworten (7)

Dies ist nicht genau die Antwort, nach der Sie suchen, aber hier sind ein paar Gedanken:

Hoefler & Frere-Jones sind so ziemlich die Creme der typografischen Ernte. Sie haben vor einiger Zeit eine E-Mail geschickt, die einige wirklich tolle Schriftartpaare (natürlich mit ihren Schriftarten) zeigte, aber ganz oben ist eine gute Regel aufgeführt:

... alles basiert auf H&FJs höchst wissenschaftlichem ersten Prinzip der Kombination von Schriftarten: Behalten Sie eine Sache konsistent und lassen Sie eine Sache variieren.

Sie fahren fort, einige wirklich esoterische Ähnlichkeiten und Unterschiede zu zeigen (die wirklich gut funktionieren), aber diese Regel ist eine gute Sache, die man im Hinterkopf behalten sollte. Wenn Sie für den Kopfzeilentext eine serifenlose Schrift verwenden, verwenden Sie eine Serife für den Fließtext. Wenn Sie etwas mit dicken Strichen haben, kontrastieren Sie es mit etwas dünnerem. Wie in einem etwas ähnlichen Thread besprochen wurde , haben Bauhaus und Bembo überhaupt nicht viel gemeinsam, aber Bauhaus und Futura haben einige geometrische Buchstabenformen gemeinsam, während sie sich in Dicke und insgesamt grellem Aussehen unterscheiden.

Fonts In Use ist eine großartige Ressource, aus der Sie sich inspirieren lassen können. Ich habe auf die Web-Sektion verlinkt. Sie befassen sich nicht mit kostenlosen Schriftarten, aber hoffentlich finden Sie dies nützlich.

Ich kann diese Website uneingeschränkt empfehlen: http://hellohappy.org/beautiful-web-type/ . Es gibt nicht so viele Kombinationen, aber sie präsentieren sie auf so inspirierende Weise.

Alle Schriftarten sind kostenlos für die kommerzielle Nutzung im brillanten Google Font Directory erhältlich .

Wenn Sie Ihre eigenen Kombinationen ausprobieren möchten, um zu sehen, was Ihnen gefällt (da das schließlich das Wichtigste ist), gehen Sie zu http://font-combinator.com/ , wo es ein großartiges Tool zum Bearbeiten einiger Textblöcke gibt Sehen Sie, wie sie zusammenpassen, und verwenden Sie auch die kostenlose Google Font-Ressource.

Suchen Sie nach " Google Font Combinations ", um mehr Inspiration zu erhalten.

Zum besseren Verständnis von Schriftarten können Sie sich auf https://typekit.com/ beziehen.

Sie haben eine großartige Sammlung von Schriftarten, die für das Webdesign verwendet werden können, und sogar Google-Schriftarten haben auch eine gute Sammlung kostenloser Schriftarten.

Arbeiten Sie mit Schriften, spielen Sie mit Schriften. Nur so kann man bei der Schriftauswahl gut werden.

Hast du es schon mit fooont.com versucht ? Es besteht ausschließlich aus Schriftpaaren, die auf Google Webfonts gehostet werden.

Laden Sie einfach die CSS-Datei herunter und verwenden Sie sie sofort auf Ihrer Website. Hoffe das hilft :)

Mixfont ist eine Website, die verschiedene Paarungen von Google Fonts präsentiert und Benutzer ihre Lieblingspaarungen hochstimmen lässt.

Es gibt viele Websites, die Schriftartpaare anbieten. Einige, die noch nicht erwähnt wurden, beinhalten

  • Femmebot - Für Google Font-Paarungen.
  • Schriftpaar - Auch für Google Font-Paare.
  • Canva – Allgemeinere Schriftpaare.
  • DesignModo - Auch allgemeinere Schriftpaare.
  • FontJoy – Zur zufälligen Generierung von Schriftpaaren mithilfe von Deep Learning.

Ich empfehle Typewolf.com . Die Seite wird von Designer namens Jeremiah Shoaf betrieben.

Zwei Abschnitte finde ich besonders hilfreich:

  1. Font Recommendations & Lists enthält einige Listen mit Schriftartkombinationen.
  2. Web Fonts in the Wild ist eine Datenbank mit Schriftarten, die eine Liste vorgeschlagener Paarungen und eine Auswahl von Schriftartenpaarungen aus dem gesamten Web enthält.

Die Website bietet auch einen ausgezeichneten Index ähnlicher/alternativer Schriftarten, einschließlich eines Dokuments, das zum Kauf erhältlich ist und viele kostenlose Alternativen für kostenpflichtige Schriftarten auflistet; Dies ist besonders hilfreich, wenn Sie ein begrenztes Budget haben.