Posted By

lister on 07/05/11


Tagged


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

icecreamboyy


Adding Google fonts


 / Published in: CSS
 

Use this to add the Google font API. This lets you use some new cool-looking fonts on your website that all browsers and computers will display properly – so you don’t have to mess with installing fonts separately for your website or hoping your visitors have the appropriate fonts (which no self-respecting designer would do anyway).

In the head:

  1. <!-- In the Head: -->
  2.  
  3. <!-- Some special fonts -->
  4. /* Single font load*/
  5. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Serif">
  6. /* Multiple font load*/
  7. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Nobile|Droid+Serif|Old+Standard+TT|Droid+Sans"><!-- Some special fonts -->
  8.  
  9.  
  10. <!-- In your CSS: -->
  11. body {
  12. font-family: 'Droid Serif', serif; font-size: 48px;
  13. }

Report this snippet  

You need to login to post a comment.