Google Font API
Welcome to the brave new world! Well, atleast for the web design world.
Google just announced yesterday their Font API to address the font limitation issues. The beauty is that there is absoluetly no fany Javascript or Flash to use. The site will load fast because the fonts are hosted on Google Servers that are highly scalable and takes a full advantage of their caching method. They have a helpful FAQ section that you might find interesting.
The Google Font API is compatible with the following browsers:
Google Chrome: version 4.249.4+
Mozilla Firefox: version: 3.5+
Apple Safari: version 3.1+
Microsoft Internet Explorer: version 6+
Lovely! Check out how it’s used.
Step 1:
Grab your font from: The Google Font Directory
Step 2:
Add your HTML as follows. Remember that the API works with any element you want.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>untitled</title>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
body { font-family: font-family: 'Lobster', arial, serif; }
</style>
</head>
<body>
<div>Welcome to the Brave World</div>
<div>Love, BLEN Corp</div>
</body>
</html>
Leave a Reply