Use The Ubuntu Font With Any Website / Browser In Ubuntu

WebUpd8 reader TP has sent us a tip regarding a post he wrote about getting all the websites to use the Ubuntu font on your system (or whatever fond the user sets as the default Desktop font - this should work with any browser you use) instead of the font they have specified in the CSS rules:

I have never liked the way most websites look on a default installation or Live CD, it doesn't do anything to impress the new user. I feel this is largely due the fonts mess in Linux.

On my blog I have a detailed explanation of getting the Ubuntu font to be the default font used by web browsers to display websites. The experimentation was carried out on Maverick.

I was blown away by how beautiful websites looked when they used the Ubuntu font. The font was fuller and smoother.

-TP

Check out his post for more info and instructions on setting this up: Getting the most out of the Ubunt font. There are some screenshots too - see THIS Picasa Web album.

Thanks to TP for the tip!

The Ubuntu Font Now Available For Any Website Through Google Font Directory

Google announced that the Ubuntu Font Family is now available in the Google Font Directory which makes it very easy to install for any website:

Through the magic of the Google Font API any web designer can now pick Ubuntu from the Google Font Directory and bring the beauty and legibility of the Ubuntu fonts to their websites too.

To use it on your website, head over to Google Font Directory, select the Ubuntu font variant you want to use and copy the code to the "head" section of your blog (above "</head>"). The code looks like this:

<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'/>

You can use the font for all the font on the website or only for some parts of it like the posts tile (like we are using it here, on WebUpd8). To only use it for the post titles, search for "h1" in your CSS code and add this:

font-family: 'Ubuntu', arial, serif;