O'Reilly logo

HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition by Bruce Hyslop, Elizabeth Castro

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Working with @font-face

You have downloaded the Web font kit and have tested the demo.html file in a browser. Now it’s time to look under the hood and see how this works. Let’s look at the code for stylesheet.css Image.

Image This is the @font-face rule that Font Squirrel provides in the kit. You may notice that it uses single quotes instead of the double quotes shown in CSS examples throughout the book. Single quotes and double quotes work the same way in CSS, so use whichever method you prefer.

@font-face {font-family: 'LeagueGothicRegular';src: url('League_Gothic-webfont.eot'); ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required