Ever wanted to add nice looking fonts to your website? Google Web Fonts is your answer.
Google has made it easy for you to embed and style the fonts. And the fonts are Licenced under Creative Commons and free to use! Also they work cross-browser.
Some examples:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>Results in:
And even more styling is possible, look at this:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<style>
body {
font-family: 'Tangerine', serif;
font-size: 48px;
text-shadow: 4px 4px 4px #aaa;
}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>Results in (with shadow):
For more info about embedding these fonts in your website check the Getting Started guide.
There is also a WordPress plugin available to embed these fonts in your Blog, check out the WP Google Fonts plugin.
