Meine Top 10 Google Webfonts für Webdesign-Projekte in 2013

Meine Top 10 Google Webfonts fuer 2013 Als Webdesigner ist man immer auf der Suche nach geeigneten, schönen Free-Fonts für neue Webdesigns und dank kostenloser Schriften-Ressourcen wie den Google Webfonts werden die Möglichkeiten glücklicherweise auch immer vielseitiger. Die Zeiten in denen Georgia, Arial und Verdana im Web dominiert haben sind also endlich vorbei (nichts gegen diese Schriften, aber etwas mehr Vielseitigkeit ist doch wünschenswert). Als Inspirationsquelle für mehr typografische Vielfalt in deinen Webdesigns hier eine kleine Sammlung meiner derzeitigen Google Web-Font Favoriten.

1. Source Sans Pro (sans-serif)

Top 10 Google Webfonts 01

Source Sans Pro ist die erste Open-Source Schriftfamilie von Adobe. Die Schriftfamilie ist angenehm schlicht und modern und auf Grund der vielen Schriftschnitte (12 Schnitte von Light 200 bis Ultrabold 900) vielseitig einsetzbar. Source Sans Pro funktioniert prima als Fließtext-Schrift, funktioniert in Light oder Bold aber auch sehr gut als schlichte Überschrift.

2. Muli (sans-serif)

Top 10 Google Webfonts 02

Die minimalistische und rund wirkende Muli gibt es in vier Schnitten (Book 300 und Normal 400, auch jeweils als Italic). Muli kann als moderne, schicke Fließtext-Schrift eingesetzt werden, mir selbst gefällt sie aber besonders für Überschriften.

3. Gentium Basic (serif)

Top 10 Google Webfonts 03

Die Serifen-Schrift Gentium Basic in Normal und Bold (plus jeweils Italic) ist sehr angenehm lesbar und eignet sich daher vor allem, wenn man auf der Suche nach einer serifen Fließtext-Schrift ist. Die Schrift basiert auf der originalen Gentium-Schrift (von 2003) und ist ebenfalls vom Gentium-Schriftdesigner Victor Gaultney gestaltet. Die Gentium gibt es bei Google Webfonts auch noch als Gentium Book Basic.

4. Cabin (sans-serif)

Top 10 Google Webfonts 04

Cabin ist eine sehr gerade, moderne serifenlose Schrift mit 8 Schnitten in der Schriftfamilie (von Normal 400 bis Bold 700). Cabin kann als moderner, serifenloser Fließtext oder auch für Überschriften eingesetzt werden.

5. Julius Sans One (sans-serif, Headlines)

Top 10 Google Webfonts 05

Julius Sans One ist eine extravagante, schlanke Schrift für schicke, moderne Überschriften, Logos oder kurze Slogans geeignet von der Schrift-Foundry Latino Type. Es gibt nur einen Schriftschnitt (Normal 400). Wer nach etwas besonderem sucht, ist die Julius Sans One meiner Ansicht nach eine tolle Wahl.

6. Open Sans (sans-serif)

Top 10 Google Webfonts 06

Die Open Sans ist in den letzten Monaten immer mehr zu einer Standard-Schrift im Web geworden und wird u.a. auch auf der WordPress.com Seite und im aktuellen WordPress Standard-Themes Twenty Twelve genutzt. Open Sans Schriftfamilie beinhaltet 10 Schnitte von Book 300 bis Extra-Bold 800.

7. Raleway (sans-serif)

Top 10 Google Webfonts 07

Raleway ist eine weitere elegante und moderne serifenlose Schrift, die durch 9 Schnitte (Ultra-Light 100 bis Ultra-Bold 900) in der Schriftfamilie sehr vielseitig genutzt werden kann. Mir persönlich gefällt Raleway besonders gut in einem leichten Schnitt als Überschrift.

8. Dosis (sans-serif, Headlines)

Top 10 Google Webfonts 08

Dosis ist eine abgerundete, recht schmale serifenlose Schrift für moderne Überschriften oder Slogans. Es gibt sie in 7 Schriftschnitten (von Light 200 bis Extra-Bold 800). Da Dosis sehr schmal ist, würde ich die Schrift nicht unbedingt für Fließtexte einsetzen.

9. Fjalla One (Display sans-serif, Headlines)

Top 10 Google Webfonts 09

Wer eine fette, schmale Schrift für Überschriften sucht, könnte mit der Fjalla One glücklich werden. Es gibt zwar nur einen Schrift-Schnitt (Normal 400, wirkt eher fett) der Fjalla One, dieser ist meiner Ansicht nach aber eine interessante Alternative z.B. zur häufiger genutzten PT Sans Narrow.

10. Arvo (slab-serif, Headlines)

Top 10 Google Webfonts 10

Arvo ist eine Charakter-starke Slab-Serifenschrift, die in vier Schnitten genutzt werden kann (Normal 400 und Bold 700, plus die jeweiligen Italic-Styles). Durch die Slab-Serifen ist Arvo sehr gut im Web lesbar und eignet sich sehr gut für Überschriften oder Intro-Texte bzw. Text-Slogans.

Welches sind deine Free-Font Favoriten und welchen Font-Dienst nutzt du am liebsten?

Welches sind deine derzeitigen Lieblings-Freefonts für Webdesigns und welchen Dienst zur Einbindung von Schriften findest du am besten geeignet? Bevorzugst du kostenlose Schriften oder setzt du eher auf kostenpflichtige Dienste wie Typekit, um eine noch größere Auswahl an professionellen Schriften zur Verfügung zu haben? Über deine Meinung und deine Font-Tipps freue ich mich sehr!

Ähnliche Artikel anschauen
  1. CSS-Eigenschaften für Schrift und Text
  2. Typekit Webfonts nutzen: So funktioniert’s
  3. Die Google Web Fonts: Beliebte Schriften und praktische Tipps
  4. Design-Inspiration und Tipps für typografisch ansprechendes Webdesign
  5. Die kostenlosen Webfonts der Google Font API nutzen
  6. Typo-Tipps für Webdesigner (Teil 1): Styling der Überschriften

Ellen

Finde mich bei: Twitter, Facebook, Google+ und Pinterest.

Hi, ich bin Ellen - WordPress-Theme-Entwicklerin und Bloggerin bei Elmastudio. Ich liebe das Internet, Reisen, Vegan-Thaifood, Neuseeland und jede Menge Kaffee grünen Tee.

Kommentare (39) Schreibe einen Kommentar

  1. Danke für die Zusammenstallung.
    Mein persönlicher Favorit ist seit einigen Wochen Open Sans! Benutze ich immer wieder und sehr gerne, könnte mMn auf Dauer zu einer “Standardschrift” wie Arial, etc. werden.

    Antworten

  2. Sehr schöne Zusammenstellung, Ellen!

    Die meisten von dir genannten Schriften habe ich noch nie genutzt.

    Derzeit nutze ich gerne: Droid Serif, Open Sans, Oswald und ja, Arial.

    In Sachen Schriftarten “experimentiere” ich eigentlich recht wenig. Aber für ein Jahr mag ich mich nicht festlegen. Vielleicht kommt nächste Woche schon eine Schriftart, die mich wegbläst. ;-)

    Antworten

  5. Viel Inspiration, vielen Dank für’s cherrypicking. Source Sans und Fjalla gefallen mir besonders. OpenSans, Droid und Ubuntu setze ich oft und gerne ein, hatte aber bei Open Sans merkwürdigerweise in letzter Zeit das Problem, das aus kleinem i in bold ein großes I wurde.

    Antworten

  8. Danke für diesen Beitrag! :)

    Als Dienst kommt bei mir eigentlich hauptsächlich Google Fonts zum Einsatz. Die Fonts die ich grundsätzlich nutze, sind Open Sans und Oswald. Sind wohl sehr beliebte Schriftarten, wie man den Kommentaren entnehmen kann. :)

    Danke nochmal! :)

    Antworten

  11. Bei mir kommt Arial zum Einsatz. Die Open Sans teste ich jedoch bereits in einigen Projekten. Die Muli werde ich jedoch auch mal probieren, gefällt mir sehr gut.

    Antworten

  13. Danke! Tolle Auswahl an Schriften. Ihr habt auf euren Seiten auch immer ein sehr gutes Auge für die richtigen Fonts. Open Sans gefällt mir gut, besonders für Fließtext. Ich werde mal einige der anderen hier testen.

    Grüße

    Antworten

  14. Hallo Ellen

    Frank Bültge hat vor einiger Zeit (nach Inspiration einer US-Webseite) eine kleine Microseite aus Google Webfonts mit verschiedenen Kombination gemacht.

    Beide habe ich bei mir verbloggt.

    Liebe Grüsse

    Claudio

    Antworten

  15. Droid Sans und Delicious. In speziellen Fällen “Ubahn”. Zwar sind die letzten beiden free to use, aber nicht als Webfont verfügbar. Bei Fontsquirrel kann man diese aber problemlos in einen Webfont umwandeln lassen.

    Antworten

    • Hallo Chris,

      hoffe du ließt meine Antwort hier zu deinem Kommentar, falls nicht, ich freue mich auch auf Rückmeldung von allen anderen :-)

      Ich bin auch auf die “Delicious” gestoßen -> http://www.exljbris.com/delicious.html

      Kann ich diese denn ohne Bedenken in meinen Webprojekten verwenden, falls ja, hast du sie selbst in einen Webfont umgewandelt oder hast du ggfs. eine Quelle?

      Besten Gruß, Jens.

      @Ellen: Vielen Dank für die Zusammenstellung, hab mir hier schon das ein oder andere Mal Inspiration geholt…

      Antworten

  17. Hallo, hab leider keine passende Rubrik gefunden. Kann mir jemand einen Tipp für ein Theme geben, wo ich nur BEwertungen habe? Sprich Startseite und dann dadrunter vlt. nur Bewertungen oder bestimmte Kategorien / Orte anlegen und dadrunter können Nutzer bewerten. Vlt. kennt jemand ein solches Theme.

    VG
    Rick

    Antworten

  20. Verschieden Schriften habe ich getestet und nun bei Source Sans Pro hängengeblieben. Ich bin sehr zufrieden damit. Wie du selbst ansprichst, war die Anzahl der Schriftschnitte ein gewichtiges Argument.
    Vielen Dank für Deine Tipps. Die werde ich bestimmt des öfteren noch einmal anschauen.
    LG Timm

    Antworten

  23. Any tips on how to integrate one of these fonts to one of your existing themes? There seem to be many different methods, curious which method you advice to employ for your themes.

    Thanks!

    Antworten

  24. Die Open Sans wird mittlerweile ein wenig inflationär benutzt. Die Source Sans, Ubuntu, Droid Sans, Cabin, Gandhi nutze ich derzeit oft. In meinem letzte Projekt musste ich leider wegen https auf Google Webfonts verzichten, da gab es immer wieder Probleme und habe mich dann für die Gandhi Sans (da das Source Sans Fontface-kit irgendwie Schwierigkeiten mit den Umlauten machte – warum auch immer) entschieden.

    Antworten

  26. Ich liebe Georgia und Bree Serif. Ich finde es so interessant im Web mit Serifenschriftarten zu arbeiten. Aber das muss natürlich passen.

    Antworten

  27. Ich mag’s dann doch etwas unkonventionell: Architects Daughter, Rocksalt und Permanent Marker, sind die Fonts, die ich auf meinem Blog einsetze – allerdings nur als Akzentschriftart bei Überschriften. Ansonsten ist wegen der besseren Lesbarkeit eine stinknormale serifenlose Standard Webkompatible Schrift wie Arial, Verdana o.ä. im Einsatz.

    Antworten

  28. Hallo Ellen!
    Danke für diesen tollen Artikel!
    Ich konnte mich aufgrund der unüberschaubaren Menge an Schriftarten kaum Entscheiden. Mithilfe deines Artikel´s habe ich mich nun für Open Sans entschieden.
    Liebe Grüße Culli

    Antworten

  29. Pingback: Top 10 Google Webfonts | pencode

  30. Hallo Ellen,
    ich habe mich auf meiner Website für die “Federo” von den Google Fonts als Auszeichnungsschrift entschieden. Ich hätte auch für die Grundschrift gern einen anderen Font genommen. Jedoch habe ich Angst, dass die Ladegeschwindigkeit darunter lädt. Zeitweise habe ich das Gefühl, wenn ich meine Seite auf dem Handy aufrufe, dass schon diese einzige Schrift beim Laden hängt.
    Gruß, Andreas

    Antworten

  31. Hallöchen,

    hey, vielen Dank für die Zusammenfassung. Wie viele andere hier, nutze ich derzeit sehr gerne die Schriftart Open-Sans. Von den vorgestellten Schriftarten gefällt mir Muli, vorallem für Überschriften, sehr gut.

    Mit freundlichen Grüßen,
    lotti

    Antworten

  32. Hallo,

    Oh, mich hat es sehr gefreut. Nachdem ich neulich auf dein schönes Ari-Theme, das du verschenkst, gekommen bin, und mich etwas in Typografie beschäftigt habe, will ich (als Anfänger) in Ari die Kombination Droid Sans für Fließtext, Raleway für Überschriften und Lobster (als Bild) für das Logo verwenden.
    Hast du vielleicht einen Tipp, wie ich möglichst fix und ohne viel im CSS zu pfuschen es schaffe:
    - Alle Droid Serif durch Raleway zu ersetzen (eben diese dünnere Schrift für Überschriften: die sieht einfach fancy aus)

    Mit freundlichem Gruß,
    Waldemar

    Antworten

  33. Super Aufstellung!! Ich habe selbst jetzt die Source Sans Pro im Einsatz (seit 2 Tagen) und bin echt mega zufrieden! Das ganze als italic und bold wirkt in einem eher technischen Slider sehr sehr cool!

    Antworten

  34. Meine Auswahl ist dieses Jahr kaum anders ausgefallen. Jedoch fehlen mir noch eins/zwei Serifen Schriftarten.

    Antworten

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.