Pro HTML5 and CSS3 Design Patterns

CHAPTER 10 ■ STYLING TEXT

Font Embedding

Example shown with font rendered

HTML

<h1>Embedding Font</h1>

<h2 id="h2">Heading 2<span></span></h2>

CSS

@font-face {

font-family: Chunkfive;

src: url('chunkfive.otf') format ("opentype");

}

#h2 {

font-family: Chunkfive, Arial, sans-serif;

}