How to add Google webfont with an @import rule

Welshy · #1 03-10-2012, 09:47 AM

Hi All,

Am trying my hands on the Google webfonts : http://www.google.com/webfonts#ChoosePlace:select I have copied the code but, I didn’t understand where exactly and how I need to put the code in the style sheet of my theme.

The instructions on Google webfonts says: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document.

Add the font name to your CSS styles

I chose the Droid+Sans and below is what am working on:

@import url(http://fonts.googleapis.com/css?family=Droid+Sans); body { background: #FFFFFF url(images/bg.png) repeat-x; color: #333333; font-size: 12px; font-family: "Droid Sans", Tahoma, Verdana; margin: 0 auto 0; padding: 0; line-height: 20px; }
I would appreciate help and insight to implement this correctly.

Thanks.

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Buying a font for design, do I need the "webfont" as well to integrate with Wordpress	peripatew	General Discussion	2	03-22-2011 03:23 PM