Google has released something very interesting, a Font API and directory that offers high quality web fonts for web developers. Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
How to integrate the Google Font API
Getting started using the Google Font API is easy. Just add a couple lines of HTML:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
body {
font-family: 'Tangerine', serif;
font-size: 48px;
}
A quick example
Here’s an example. Copy and paste the following HTML into a file:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ta
ngerine">
<style>
body {font-family: 'Tangerine', serif; font-size: 48px;}
</style>
</head>
<body>
<h1>Making the Web Beautiful!</h1>
</body>
</html>
Then open the file in a modern web browser. You should see a page displaying the following, in the font called Tangerine.
And that’s only the beginning of what you can do with the Font API and CSS.
Google Font Directory
Google Web Fonts lets you browse all the fonts available via the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.
crossgraphicideas
