How to use the new Ubuntu font on your website

As you can se I'm using the new Ubuntu Font. I like the look of it, and changing the font is one of the simple things you can do to make an otherwise bare website look a bit more stylish and unique. Using Google Font API you can get this font on your website.

Firstly put this line in the <head> section of your HTML file:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">

Then in your CSS file, put the following:


body {
   font-family: Ubuntu, sans-serif;
}

et voilà! All the text in your website will be in the Ubuntu font, just like this website

This entry is tagged: