Select Page

Google has introduced an innovative way of jazzing up your website with Google Web Fonts. Prior to this, fonts were just limited to graphics and animations. But now the possibilities are endless. Such as applying creative and stylistic fonts to your H Tags, such has been seen on the New Yorker. Compared to Adobe’s Typekit, there is no limit in terms of usage (Adobe charges a fee with regards to page views per a month and the amount of websites the font can be applied to). In terms of cross-browser compatibility, it works fairly well on Internet Explorer 7 through 9, Safari, Chrome, but it definitely shines on Firefox (shadow effect can be applied).

 

Example:

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

<style>
body {
font-family: ‘Parisienne’, serif;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
</style>

<p>New York City Mixing – NYC Mixing</p>

Collection of Google Fonts – http://www.google.com/webfonts
Code Tutorial – https://developers.google.com/webfonts/docs/getting_started

%d bloggers like this: