• Special Downloads
    • Free Icons
    • Freebies
    • jQuery Scripts
  • Licences
    • Apache License
    • MIT License
    • CC License
    • GPL License
    • LGPL License
    • GNU License
    • Other Licenses
    • No License
  • Scripts & Apps
  • XHTML & CSS
  • Contact Greepit



Google Into Fonts! Google Font API & Font Directory


 19 May 2010


Google, the search engine giant, is now taking initiatives with fonts and just launched:

Google Font Directory: It provides high-quality open source web fonts. You can browse their catalog of available fonts and copy the code required to use them on your web page.

These fonts also support HTML5 and CSS3 styling options like drop shadows, rotation, etc…

Google Font API: It provides a simple, cross-browser method for using any font in the Google Font Directory on your web page. Applying a font is easy: just add a special stylesheet link to your web page, then use the font in a CSS style.

Its similar as we add stylesheets in our web pages, the difference here is: the stylesheet is hosted at Google and comes with a parameter.

A new JavaScript library called WebFont Loader is also launched with the collaboration of Typekit and the Google. It gives you more control over font.

Find out more at: http://googlecode.blogspot.com/2010/05/…


    Share This


Related Posts


110+ Free Responsive HTML5 CSS3 Website Templates
September 2, 2013

Free Responsive Amazing Website Templates (Business & Portfolio)
June 27, 2013

Weekly Web Design and Development News, Tutorials and Tools – Issue#4
June 19, 2013



10 Comments

Martin
said 3 years ago

(Reply)



This is great and its only going to get bigger whoop

Bill
said 3 years ago

(Reply)



Just tried this, makes for some ugly text, almost unreadable. The font is too jagged, like anti-aliasing is turned off. I’ll stick with Verdana for now, thanks.

    Saif
    said 3 years ago

    (Reply)



    To me it does not render well in Chrome but in FF… looks good. Which browser you are using Bill?

Alex C
said 3 years ago

(Reply)



Amazing stuff. This looks like the easiest solution for embedding fonts without necessarily embedding them. Thanks for sharing.

Anders
said 3 years ago

(Reply)



This i kind of looking like Microsoft in the old days, when they came along with there own version of Java. Why? The @fontface tecnology is doing it. We don’t need Google for this. It is allready been done. Sorry, too late this time

    Saif
    said 3 years ago

    (Reply)



    Anders, of-course @font-face did this but Google also providing a Font directory for open source fonts and this (I think) should be applauded. The other font directory, I know is Font Squirrel.

Aurora V
said 3 years ago

(Reply)



@font-face is a way to add the font to a site

SVG ‘font’ is more flexible and effective

Aurora

Jorgen
said 3 years ago

(Reply)



I agree that the visual appearance of the fonts could be improved. You can see live examples of Google Font API here: http://tips4php.net/2010/06/spice-up-your-site-with-google-font-api/

Reusable Parts Of HTML5-CSS3 Projects: HTML5 Reset | Theory Code
said 3 years ago

(Reply)



[...] Google Into Fonts! Google Font API & Font Directory [...]

Ginimalistic » Blog Archive » Creative Resume Template
said 3 years ago

(Reply)



[...] It is an experimental project for a basic online resume template especially for analyzing the capabilities of Google Font API. [...]



Leave a Reply Cancel reply


  • Recent Posts

    • A Video player without Video Files – Frame Player
    • A Touch Friendly, Responsive jQuery Plugin for Selections
    • JavaScript Tracing Made Simple – Spy JS
    • Free Coming Soon [Pre-Launch] WordPress Plugin / Under Construction Theme
    • Flipload.js – Flipping HTML Elements to Show a Loading Indicator Easily
  • Search Resources

  • Categories

    • Actionscript
    • Ajax
    • Apache License
    • Articles & Books
    • Brushes
    • BSD License
    • Business Cards
    • CC License
    • Charts & Maps
    • Chat
    • CMS
    • Colors
    • Components
    • Design
    • Effects
    • Extras
    • Featured
    • File Managers
    • Flash
    • Fonts
    • Frameworks
    • Free Icons
    • Free License
    • Freebies
    • Freebies
    • Fun
    • Gallery
    • GNU License
    • GPL License
    • Icons
    • Images
    • Information
    • Interviews
    • Invoicing
    • Javascript
    • jQuery Scripts
    • LGPL License
    • Licences
    • Media
    • Menu and Navigation
    • MIT License
    • Mobile
    • Mobile Development
    • No License
    • Open Source
    • Open Source
    • Other Licenses
    • Pattern
    • PHP
    • Plugins
    • Popups & Notifications
    • PSD
    • Reviews
    • Scripts & Apps
    • SEO
    • Site of the week
    • Software
    • Software & Tools
    • Statistics
    • Templates
    • Texture
    • Tips and Tutorials
    • Tools
    • Useful Snippets
    • User Interface
    • Validations
    • Vectors
    • Web Application
    • Web Application
    • WP Theme
    • WYSIWYG HTML Editor
    • XHTML & CSS
  • Tags

    Actionscript AI Ajax Android Animation Canvas CMS CSS CSS3 Firefox Flash Framework Freebies Gallery Google Grid Html HTML5 Icon Icons Images iOS Javascript jQuery Library Mootools MYSQL Navigation Open Source Photoshop PHP Plugin PNG PSD Responsive Script Software Theme Tool Tools Twitter Vector Web Application Web Design Wordpress



    Copyright 2013 Greepit.com