How to Decorate Web Pages With Google Font API and Font Squirrel

Using Arial or Georgia font in your WordPress theme is a normal thing but now it’s essential that you take advantage of the latest tools and techniques. Until now, designers were forced to choose from only a handful of web fonts when designing their sites or templates. But not anymore, Take the Google Font Directory, you only need to link to a Google-hosted style sheet and set your CSS font-family, accordingly.

How to use the Google Font API to add web fonts to your pages?

Here is the example of the code to produce the required result:

<!DOCTYPE html>
<html lang=”en”>
<meta charset=”utf-8″>
<title>Custom Fonts in 30 Seconds</title>
<link href=”” rel=”stylesheet”>
body { font-family: ‘Cantarell’, serif; }
Hello World

The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

Right Now, Google’s Font Directory only offers around a dozen curated custom fonts. And i hope this number will surely increase with the passage of time, if you need a unique font for your web page that’s unavailable, it only takes an extra moment or so to write the @font-face rules yourself.

Font Squirrel:

It is very easier to utilize the @font-face kits from the wonderful Font Squirrel site. They offer @font-face “kits,” which contain everything you need to use the fonts straight away, and they’ve done it very well: their fonts are free and licensed for use in commercial projects.

Download | Generate

You might interested in : How to Customize fonts in WordPress blog with CSS3


5 out of 5 stars based on 274 rating(s).
  • Nur

    I am a WordPress, Website Developer and Designer, creator @ WP Arena, Provide Free WordPress consultation and can help to install WordPress in a secure way to small businesses and bloggers.