Mastering CSS

Web Fonts

For a long time, we were stuck with a few basic fonts, such as Times New Roman, Georgia, and Arial. If you ever wanted to deviate farther than that, you ran the risk of the font not showing up when someone viewed your site because they probably wouldn't have had that font installed on their computer. During this period, whenever we wanted to use a fancy font, we were required to save it as an image, which used to pose many problems. Luckily for us, now web fonts have officially emerged, which gives us the ability to use a multitude of great fonts that will work on all computers. In this chapter, you're going to learn about web fonts. First you'll learn about the basic syntax of the @font-face rule, then we'll go over how @font-face ...