Janet Aronica

Google Web Fonts offers more than 500 free, open-source fonts that are easy to embed right into the CSS of your website. For an even simpler solution, the Google Web Fonts WordPress plugin makes it easy to alter your theme and add your favorite Google Web Fonts to it.

Clearly, not all fonts were created equal. To help you weed through the crowd while finding the best Google font for your site, there’s this great Google Web Fonts selection and frequently updated Github repo to show you the best. For our part, here are 15 Google Web Fonts we think are worth exploring, displayed in the best way possible – through Steve Jobs’ best quotes.

1. Montserrat

Get Montserrat here

2. Anton

Get Anton here

3. Troochi

Get Troochi here

4. Shadows Into Light

Get Shadows Into Light here

5. PT Mono

Get PT Mono here

6. Open Sans

Get Open Sans here

7. Paytone One

Get Paytone One here

8. Tulpen One

 Get Tuplen One here

9. Qwigley

Get Qwigley here

10. Abril Fatface

Get Abril Fatface here

11. Lobster

Get Lobster here

12. Ultra

Get Ultra here

13. Krona One

Get Krona One here

14. Six Caps

 Get Six Caps here

15. Sail

Get Sail here

What are your favorite Google Web Fonts? Obsessed with another kind of font and don’t see it here? Let us know in the comments.

  • paulgpetty

    Just in the folks at shareaholic missed all the timeouts with this blog post after a link to the post appear on Hacker News: http://wordpress.org/extend/plugins/wp-super-cache/
     
     

    • http://janetaronica.com/ JanetAronica

       @paulgpetty Thanks for the recommendation!

      • sertackaya

        <a href=”http://www.dexebayi.com”>dexe</a> <a href=”http://www.dexebayi.com”>dexe şampuan</a> <a href=”http://www.loseeffect.com”>lose effect</a> <a href=”http://www.loseeffect.com”>lose</a> <a href=”http://www.v-pillsbuyut.com”>vpills</a> <a href=”http://www.v-pillsbuyut.com”>v-pills</a>
        <a href=”http://www.seoteknik.net”>seo</a> <a href=”http://www.ozodermturkiye.com”>ozoderm</a> <a href=”http://www.arganyagi-tr.com”>argan yağı</a> <a href=”http://www.saunaesofmani.org”>sauna eşofman</a> <a href=”http://www.saunaesofmani.web.tr”>sauna eşofmanı</a> <a href=”http://www.saunaesofmani.web.tr”>sauna eşofman</a> <a href=”http://www.saunaesofmani.org”>sauna eşofmanı</a> <a href=”http://www.sonhaberler.com”>haberler</a> <a href=”http://www.afrika-mangosu.web.tr”>afrika mangosu</a> <a href=”http://www.sonhaberler.com”>haber</a> <a href=”http://www.paintzoombayi.com”>paint zoom</a> <a href=”http://www.sonhaberler.com”>en son haber</a> <a href=”http://www.h2mopx5.com”>h2o mop x5</a> <a href=”http://www.sonhaberler.com”>son dakika haber</a> <a href=”http://www.omercoskunbitkisel.com”>ömer coşkun</a> <a href=”http://www.ayakkokusunason.com”>ayak kokusu</a> <a href=”http://www.omercoskunbitkisel.com”>dr ömer coşkun</a> <a href=”http://www.ayakkokusunason.com”>footcare</a> <a href=”http://www.omercoskunbitkisel.com”>formen</a> <a href=”http://www.ayakkokusunason.com”>ayak kokusuna son</a> <a href=”http://www.omercoskunbitkisel.com”>formula 21</a> <a href=”http://www.ayakkokusunason.com”>ayak kokusu kremi</a> <a href=”http://www.termalsaunasortu.com”>termal şort</a> <a href=”http://www.nicerdicer-tr.com”>nicer dicer plus</a> <a href=”http://www.termalsaunasortu.com”>termal sauna şort</a> <a href=”http://www.nicerdicer-tr.com”>nicer dicer</a> <a href=”http://www.gobekzayiflatmabandi.com”>göbek bandı</a> <a href=”http://www.superxpower-tr.com”>yakıt tasarruf cihazı</a> <a href=”http://www.gobekzayiflatmabandi.com”>göbek eritme bandı</a> <a href=”http://www.sismeyataks.com”>şişme yatak</a> <a href=”http://www.hairman-tr.org”>hair man</a> <a href=”http://www.vibro-shape.org”>vibro shape</a> <a href=”http://www.airebrasutyen.org”>aire bra</a> <a href=”http://www.panaxkibarlim.com”>panax</a> <a href=”http://www.pordit.org”>pordit</a> <a href=”http://www.porditturkiye.com”>pordit</a> <a href=”http://www.ingilizceodasi.com”>ingilizce</a> <a href=”http://www.dexebayi.com”>http://www.dexebayi.com</a&gt; <a href=”http://www.loseeffect.com”>http://www.loseeffect.com</a&gt; <a href=”http://www.v-pillsbuyut.com”>http://www.v-pillsbuyut.com</a&gt; <a href=”http://www.seoteknik.net”>http://www.seoteknik.net</a&gt; <a href=”http://www.ozodermturkiye.com”>http://www.ozodermturkiye.com</a&gt; <a href=”http://www.arganyagi-tr.com”>http://www.arganyagi-tr.com</a&gt; <a href=”http://www.saunaesofmani.org”>http://www.saunaesofmani.org</a&gt; <a href=”http://www.saunaesofmani.web.tr”>http://www.saunaesofmani.web.tr</a&gt; <a href=”http://www.afrika-mangosu.web.tr”>http://www.afrika-mangosu.web.tr</a&gt; <a href=”http://www.sonhaberler.com”>http://www.sonhaberler.com</a&gt;

        • sertackaya

          <a href=”http://www.paintzoombayi.com”>http://www.paintzoombayi.com</a&gt; <a href=”http://www.h2mopx5.com”>http://www.h2mopx5.com</a&gt; <a href=”http://www.omercoskunbitkisel.com”>http://www.omercoskunbitkisel.com</a&gt; <a href=”http://www.ayakkokusunason.com”>http://www.ayakkokusunason.com</a&gt; <a href=”http://www.termalsaunasortu.com”>http://www.termalsaunasortu.com</a&gt; <a href=”http://www.nicerdicer-tr.com”>http://www.nicerdicer-tr.com</a&gt; <a href=”http://www.gobekzayiflatmabandi.com”>http://www.gobekzayiflatmabandi.com</a&gt; <a href=”http://www.superxpower-tr.com”>http://www.superxpower-tr.com</a&gt; <a href=”http://www.sismeyataks.com”>http://www.sismeyataks.com</a&gt; <a href=”http://www.hairman-tr.org”>http://www.hairman-tr.org</a&gt; <a href=”http://www.vibro-shape.org”>http://www.vibro-shape.org</a&gt; <a href=”http://www.airebrasutyen.org”>http://www.airebrasutyen.org</a&gt; <a href=”http://www.panaxkibarlim.com”>http://www.panaxkibarlim.com</a&gt; <a href=”http://www.ingilizceodasi.com”>http://www.ingilizceodasi.com</a&gt; <a href=”http://www.pordit.org”>http://www.pordit.org</a&gt; <a href=”http://www.porditturkiye.com”>http://www.porditturkiye.com</a&gt; <a href=”http://www.seoteknik.net/ankara-seo/”>ankara seo</a> <a href=”http://www.seoteknik.net/arama-motoru-optimizasyonu/”>arama motoru optimizasyonu</a>
          <a href=”http://www.seoteknik.net/backlink/”>backlink</a> <a href=”http://www.seoteknik.net/bireysel-seo-calismasi/”>bireysel seo çalışması</a> <a href=”http://www.seoteknik.net/bookmark-ve-imleme/”>bookmark ve imleme</a> <a href=”http://www.seoteknik.net/google-seo/”>google seo</a> <a href=”http://www.seoteknik.net/istanbul-seo/”>istanbul seo</a> <a href=”http://www.seoteknik.net/kurumsal-seo/”>kurumsal seo</a> <a href=”http://www.seoteknik.net/makale-yazimi/”>makale yazımı</a> <a href=”http://www.seoteknik.net/optimizasyon-ve-seo/”>optimizasyon ve seo</a> <a href=”http://www.seoteknik.net/seo/”>seo</a> <a href=”http://www.afrika-mangosu.web.tr”>afrika mangosu</a> <a href=”http://www.seoteknik.net/seo-analizi/”>seo analizi</a> <a href=”http://www.seoteknik.net/seo-araclari/”>seo araçları</a> <a href=”http://www.seoteknik.net/seo-danismanligi/”>seo danışmanlığı</a> <a href=”http://www.seoteknik.net/seo-dersleri-ve-kisisel-bireysel-blog/”>seo dersleri</a> <a href=”http://www.seoteknik.net/seo-egitimi/”>seo eğitimi</a> <a href=”http://www.seoteknik.net/seo-eklentileri/”>seo eklentileri</a> <a href=”http://www.seoteknik.net/seo-fiyatlari/”>seo fiyatları</a> <a href=”http://www.seoteknik.net/seo-hizmeti/”>seo hizmeti</a>
           

        • sertackaya

          <a href=”http://www.seoteknik.net/seo-hocasi/”>seo hocası</a> <a href=”http://www.seoteknik.net/seo-nedir/”>seo nedir</a> <a href=”http://www.seoteknik.net/seo-programlari/”>seo programları</a> <a href=”http://www.seoteknik.net/seo-teknikleri/”>seo teknikleri</a> <a href=”http://www.seoteknik.net/seo-tool/”>seo tools</a> <a href=”http://www.seoteknik.net/seo-uzmani/”>seo uzmanı</a> <a href=”http://www.seoteknik.net/sosyal-medya-ve-google/”>sosyal medya</a> <a href=”http://www.seoteknik.net/teknoloji-haberleri-ve-seo/”>teknoloji haberleri</a> <a href=”http://www.seoteknik.net/web-tasarim-seo/”>web tasarım seo</a> <a href=”http://www.seoteknik.net/webmaster/”>webmaster</a> <a href=”http://www.seoteknik.net/wikipedia-arama-motoru-optimizasyonu/”>wikipedia arama motoru optimizasyonu</a> <a href=”http://www.seoteknik.net/wordpress-icin-en-iyi-30-seo-eklentisi/”>wordpress için en iyi seo eklentisi</a> <a href=”http://www.seoteknik.net/wordpress-seo/”>wordpress seo</a> <a href=”http://www.v-pillsbuyut.com/v-pills-yorumlari/”>v-pills yorumları</a> <a href=”http://www.v-pillsbuyut.com/v-pills-zararlari/”>v-pills zararları</a> <a href=”http://www.v-pillsbuyut.com/orjinal-v-pills-nedir/”>orjinal v-pills</a> <a href=”http://www.v-pillsbuyut.com/v-pills-kullananlar/”>v-pills kullananlar</a> <a href=”http://www.v-pillsbuyut.com/v-pills-yan-etkileri/”>v-pills yan etkileri</a> <a href=”http://www.v-pillsbuyut.com/v-pills-sikayetleri/”>v-pills şikayetleri</a> <a href=”http://www.panaxkibarlim.com/musteri-yorumlari/”>panax yorumları</a> <a href=”http://www.panaxkibarlim.com/panax-nedir/”>panax nedir</a> <a href=”http://www.panaxkibarlim.com/siparis/”>panax sipariş</a> <a href=”http://www.panaxkibarlim.com/panax-sikayetleri/”>panax şikayetleri</a> <a href=”http://www.panaxkibarlim.com/”>orjinal panax</a> <a href=”http://www.panaxkibarlim.com/panax-kullanici-yorumlari/”>panax kullanıcı yorumları</a> <a href=”http://www.panaxkibarlim.com/panax-kullananlar/”>panax kullananlar</a> <a href=”http://www.panaxkibarlim.com/panax-yan-etkileri/”>panax yan etkileri</a> <a href=”http://www.panaxkibarlim.com/panax-faydalari/”>panax faydaları</a> <a href=”http://www.panaxkibarlim.com/panax-icerigi/”>panax içeriği</a> <a href=”http://www.panaxkibarlim.com/dr-mustafa-eraslan/”>dr mustafa eraslan</a> <a href=”http://www.panaxkibarlim.com/panax-siparis/”>panax siparişi</a> <a href=”http://www.panaxkibarlim.com/kibarli-panax/”>kibarlı panax</a>

  • JackSprat

    Number 12 is listed twice.  Number 13 doesn’t exist.

    • http://janetaronica.com/ JanetAronica

       @JackSprat Numbers are hard! :P Silly mistake, thanks for catching!

  • Shareaholic

    @PatPalingo thanks for sharing the post :)

  • Pingback: free google +1

  • Pingback: social network

  • Pingback: Création site internet | Web Design | Programmation | Flyers [ Web Agence informatique

  • http://www.autofinanzierung-24.com/ marwi

    some of those aren’t really worth being mentioned here. Sometimes less is more and the best design is simple. keep that in mind :)

    • http://janetaronica.com/ JanetAronica

      Thanks for the blogging tip! Thanks for reading!

  • http://www.jobcentrenigeria.com/ Jobs in Nigeria

    i love Open Sans. its really great.  i use it on some of my site

  • http://www.jobcentrenigeria.com/ Jobs in Nigeria

    i love Open Sans. its really great.  i use it on some of my site

  • http://www.jobcentrenigeria.com/ Jobs in Nigeria

    i love Open Sans. its really great.  i use it on some of my site

  • http://www.jobcentrenigeria.com/ Jobs in Nigeria

    i love Open Sans. its really great.  i use it on some of my site like http://www.jobcentrenigeria.com

  • http://www.fiveonline.in/ india website designer

    Hi Janet, Nice post… you selected very nice fonts. From this list I like “Qwigley” most. 

  • Pingback: seo

  • http://www.incion.com/ Kim Meredith Smith

    Such kind of information gives lots of information to learn about new topics. These way we can increase our knowledge online.

  • http://www.moonfiller.com/ Taran

    Its a nice post.Its a great collection of best looking fonts.Thanks for sharing it.

  • ConnectBiz

    One font I really like that you missed is Droid Sans. We use it at http://www.connectbizapp.com

    Great list otherwise :)

  • John Motyl Jr

    A nice little trick i came across for standardizing something like a blockquote:

    blockquote {
    quotes:”201C”"201D”"2018″”2019″;
    }
    blockquote:before {
    content:open-quote;
    }
    blockquote:after {
    content:close-quote;
    }
    You can see the difference/demo here: http://jsfiddle.net/john_motyl/PpVK3/1/

x
Join 6,724 other awesome people who get new posts by email! Learn about:

Enter your email and stay on top of things,