Web Safe Fonts

Modern_Media · 10-22-2010, 02:17 PM

http://woodlandsadagency.com/blog/20...gles-font-api/

This is for those of you who want an easy way to replace your website fonts with something different that is standards compliant.

This works on most browsers.

PixelPusher · 10-22-2010, 05:02 PM

Yeah I have seen this, very cool! Just need to set a suitable fallback if the api is not supported.

Thanks for sharing.

bcee · 10-22-2010, 06:35 PM

Very cool! I'm really liking Droid Sans.

smoovo · 10-22-2010, 09:36 PM

Look at my website... I'm using it.

____________________
SMooVo- Web Design
contact@smoovo.com
www.SMooVo.com

bcee · 10-23-2010, 04:44 AM

Mmmmhmmm. Very nice smoovo.

smoovo · 10-23-2010, 11:52 PM

Thank you bcee.

It's very simple to use.

Add this code at the beginning of your HEAD section.

HTML Code:

<head><link href='http://fonts.googleapis.com/css?family=Philosopher&subset=latin' rel='stylesheet' type='text/css'>...</head>

Philosopher it's the font name I'm using... You can choose from http://code.google.com/webfonts any other one.

Now just use it as 'font-family' in your CSS style.

____________________
SMooVo- Web Design
contact@smoovo.com
www.SMooVo.com

10-22-2010, 02:17 PM	#1
Modern_Media Silver Member Join Date: May 2009 Location: Houston & The Woodlands Posts: 110	Web Safe Fonts - Meet Google Font API http://woodlandsadagency.com/blog/20...gles-font-api/ This is for those of you who want an easy way to replace your website fonts with something different that is standards compliant. This works on most browsers. __________________ Woodlands Ad Agency Website Design \| Advertising Agency Woodlands Graphic Design

10-22-2010, 05:02 PM	#2
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,053	Yeah I have seen this, very cool! Just need to set a suitable fallback if the api is not supported. Thanks for sharing. __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

10-22-2010, 06:35 PM	#3
bcee Gold Member Join Date: Nov 2009 Location: New York Posts: 370	Very cool! I'm really liking Droid Sans. __________________ Submit to my Website Gallery \| NY Web Design

10-22-2010, 09:36 PM	#4
smoovo Gold Member Join Date: Oct 2010 Posts: 388	See it in work! Look at my website... I'm using it. ____________________ SMooVo- Web Design contact@smoovo.com www.SMooVo.com

10-23-2010, 04:44 AM	#5
bcee Gold Member Join Date: Nov 2009 Location: New York Posts: 370	Mmmmhmmm. Very nice smoovo. __________________ Submit to my Website Gallery \| NY Web Design

10-23-2010, 11:52 PM	#6
smoovo Gold Member Join Date: Oct 2010 Posts: 388	Thank's Thank you bcee. It's very simple to use. Add this code at the beginning of your HEAD section. HTML Code: <head><link href='http://fonts.googleapis.com/css?family=Philosopher&subset=latin' rel='stylesheet' type='text/css'>...</head> Philosopher it's the font name I'm using... You can choose from http://code.google.com/webfonts any other one. Now just use it as 'font-family' in your CSS style. ____________________ SMooVo- Web Design contact@smoovo.com www.SMooVo.com Last edited by smoovo; 10-23-2010 at 11:58 PM. Reason: mistake

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