Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
21 May

The Google Font Directory & Google Font API

  • Fonts, License Free
  • Leave a Comment

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and served by Google servers. You can use them on any non-commercial or commercial project.

You don’t need to do any programming; all you have to do is add a special stylesheet link to your HTML document, then refer to the font in a CSS style. The Google Font API is compatible with Google Chrome 4.249.4+, Firefox 3.5+, Safari 3.1+ andIE 6+. However, The Google Font API is not currently supported on iPhone, iPad, iPod, or Android.

google-fonts

Requirements: -
Demo: http://code.google.com/webfonts
License: Open Source License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
How to Prepare Your Web Content for iPad

How to Prepare Your Web Content for iPad

A Wheel Scroller for Touchscreens jQuery Plugin

A Wheel Scroller for Touchscreens jQuery Plugin

Download Free Fonts with Font Cubes

Download Free Fonts with Font Cubes

Create Rounded Corners with CSS3 Border-Radius Property

Create Rounded Corners with CSS3 Border-Radius Property

The 1140 CSS Grid 12 Columns Fluid Down to Mobile

The 1140 CSS Grid 12 Columns Fluid Down to Mobile

How to Create Native-Feeling iOS Apps in Javascript

How to Create Native-Feeling iOS Apps in Javascript

Comments
  • febs

    Excellent post and great resource, I did not know this was possible. Don’t know how new of a technique this is, but I can see it becoming a standard (or at least more common/well known).

    Did a quick search and found another similar tool, looks promising:

    http://typeface.neocracy.org/

  • febs

    Oops, just saw my link was already posted in March under the ‘Related Posts’ section.

  • http://pagegardens.com/ Page Gardens

    This is a nice find!

  • http://www.fedmich.com/life fedmich

    Nice to have on our arsenal.
    I hope they add Helvetica on it.

  • http://tips4php.net Jorgen

    Google font API gives you some nice graphical possibilities without having to embed styled text as images.

    You can see code snippets and live examples of Google font API here: http://tips4php.net/2010/06/spice-up-your-site-with-google-font-api/

  • http://fontsy.com/theme_2.html John “da Font” Retro

    Jorgen,

    thanks for the link, that’s useful. As Google offer is limited, you can try to use Dragr tool to cretae custom embeddable free fonts for HTML5:
    htt://labs.thecssninja.com/font_dragr/

    (via @font-face embed)

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Easy to Use, Drag & Drop Bootstrap Interface Builder
  • The Most Well-Made, Free & Open Source Fonts
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • Create an Amazon-like Navigation Menu with jQuery
  • A True Responsive jQuery Lightbox Plugin for Free
  • How to Make FullScreen Page Transitions with CSS
  • How to Use Web Workers for Image Manipulation
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu86
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes24
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code54
  • eCommerce24
  • Framework214
  • Hosting13
  • Information238
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License122
  • GPL License224
  • LGPL License40
  • License Free738
  • MIT License408
Sponsors
Advertise Here
Partners
NetDNA