The @font-face Rule
The @font-face rule allows custom fonts to be loaded into a webpage.
With the help of this rule, designs are no longer limited to the fonts that are installed on a user’s computer.
In Internet Explorer 8 and earlier, the URL must point to an Embedded OpenType (eot) file, while Firefox, Chrome, etc. support True Type Fonts (ttf) fonts and OpenType Fonts (otf).
Using the @font-face Rule
Each form of the font family must be declared using the @font-face rule. In the example below, a custom font called “Delicious” is loaded and used for the heading.
<h1>This is Our Headline</h1>
font-family: Delicious, sans-serif;
Internet Explorer has a built-in bug when multiple @font-face rules are defined. Using #iefix as shown below fixes the problem:
CLICK ON THE BUTTON BELOW TO GO TO THE CSS MAIN COURSE PAGE.
© License: All Rights Reserved
CONTACT HOLLA TECH – LEARN SUPPORT