Using Google Web Fonts

Google Web Fonts API now makes it even easier to use web fonts on websites. The days of choosing between Arial or Verdana are long gone. Hundreds of available Google Web Fonts are totally free and open source. The interface is simple and intuitive.

Google Web Fonts

The @font-face CSS stylesheet is automatically generated on Google’s end. All you have to do is embed the link and define font style as you would normally:

<link href='http://fonts.googleapis.com/css?family=Leckerli+One&v2' rel='stylesheet' type='text/css'>

h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; }

You also have the option to choose multiple styles or font weight (on most fonts) before embedding the code. However, having to embed too many font or styles will slow down the page load. Thankfully, the interface comes with a nifty load impact meter. Although numbers indicated on the meter seems arbitrary, the colored zones give you a good idea of the relative impact. Have fun!

Leave a Reply

Your email address will not be published. Required fields are marked *

The Human Factor * Time limit is exhausted. Please reload CAPTCHA.