Help for Web Programmers at the Mercy of Designer Fonts
Working with a client where the designer they hired produced a nice looking design. However, even though promising to just use standard fonts there are a couple of very conspicuous parts of the design that use non-standard fonts. Sound familiar?
Google to the rescue! (I don’t know how they control what people spend time/money developing) I saw a reference to Google Fonts in a HN post the other day. What’s that?
Google Web Fonts provides high-quality web fonts that you can include in your pages using the Google Web Fonts API.
Just like everything else you can use google for, (especially CDN access to includes and the like) you can make reference to some non-standard font in the Google font set and then use it pretty much like any other font in CSS (have to quote the font name versus plain text(=standard font)). Again, with their simple example:
<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>
<div>Making the Web Beautiful!</div>
</body>
</html>
So, next time you are graced with a design present you can just smile.
