Electric Type

Multimedia

About Us

News

Help

Embedding Fonts Tutorial
Overview

by Steve Mulder

Steve Mulder is manager of information architecture in the user experience group of Terra Lycos, where he wears as many hats as possible. He pretends to know a lot about design strategy, interaction design, usability, writing for the Web, and Web development.


The Web is now old hat. People are making money (well, one or two people anyway), communicating more, researching more, and using the Web every day. But considering all the hype, it's still a bland, boring place. And typography has a lot to do with it.

In the nonvirtual world, we're inundated with fonts — delicate fonts, heavy fonts, funky fonts, conservative fonts. They're everywhere, and they're a big part of establishing the personality of content that we read, from magazine covers to car commercials.

So where the heck are all the fonts on the Web?

Historically, site builders have been forced to stick with the fonts that they're sure everyone has installed, which is why we see Times (yawn) and Arial (yawn) everywhere. Verdana and Georgia are a bit better but still pretty bland.

But we really don't have to be stuck in bland land anymore. Font embedding is here, which means that we can use just about any font we want to on our Web pages, and users will actually see it.

But font embedding has been possible for some time now. Why aren't our pages already font filled? Unfortunately, it isn't as easy as just slapping a new font name in the <FONT FACE="xyz"> tag. It's a little more involved than that. Also, like too many other things on the Web, there are two competing technologies being used to embed fonts in pages: Embedded OpenType and TrueDoc.

In this tutorial, we'll show you, step by step, how to embed fonts in your pages using both of these technologies.

Tutorials  

User Blogs  

Teaching Tools  

Authoring  

Glossary  

Programming help  

Advanced Flash  

Javascript  

Glossary  

PHP Coding  

User Blogs

Screen Shots

Latest Updates

Contact Us

Valid HTML 4.01!
Valid CSS!

Breadcrumb

© ElectricType
Maintained by My-Hosts.com
Site map | Copyright | Disclaimer
Privacy policy | Acceptable Use Policy
Legal information.