Advanced Search

Adding Google fonts

/ Published in: CSS
Save to your folder(s)
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:

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.