CSS Typography

CSS Typography - Web-Based and Embedded Fonts

1. Introduction


Up to this point, you have been limited to working with fonts that existed on the end-client computer system. This typically limited you to system standard fonts that are considered to be "universal".

In this section, we will look at the ability to utilize non-standard fonts in our designs. We will look at the use of web fonts and embedded fonts.

Why Do We Care?

Many of you are likely thinking something along the lines of:

"Why can't I just create the banner graphic in Illustrator, export it, and place it as an image on my web page?"

That is a very good question and shows that you are thinking like a good designer. However, the drawback to this is that a search engine can't read (known as crawl) an image. In other words, a website that is made entirely of images or has major components of its text content as images will not be indexed (listed) on search engines such as Google.

As much as possible, we want our text content to be text and not an image.