Integrating Google Web Fonts

.post-434 { font-family: ‘Jura’; }

Historically, web designers have been limited to the fonts they can use in live text. Enter Google Web fonts. This will allow you to integrate any website.

I have used the Google Web Fonts API to integrate the Jura font for this post by adding the following to my HTML:

<link href="http://fonts.googleapis.com/css?family=Jura&v1" rel="stylesheet" type="text/css" />
<style>
* { font-family: 'Jura'; }
</style>

You can view more font options on the Google Web Fonts site.

Why did I choose this font? I wanted to use something that was easily differentiable from the surrounding content.

Siobahn has a more thorough article on using the Google Web Fonts API here: http://wpmu.org/how-to-use-the-google-font-directory-with-wordpress/

2 thoughts on “Integrating Google Web Fonts”

Leave a Reply

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