Mastering CSS

The @font-face property

Let's start this chapter by learning how to use the @font-face property to add a web font to our site. First, we'll add an OTF file to a folder on our site, then we'll define a new font in our CSS, and finally, we'll apply that CSS to the elements on our web page.