HTML and CSS Reference
In-Depth Information
FIGURE 3.2 New fonts, new
boots and panties.
This looks slightly scary compared to the simple @font-face example you
saw earlier, but don't worry; you don't really need to know exactly what is going
on here. It is termed the “Bulletproof font syntax,” and it is guaranteed to support
most if not all browsers you'd need to support. If you want more details on why
this structure works, read “Bulletproof @font-face syntax” by Paul Irish a thttp://
With the font specified in this manner, you can then use it in your code in the
standard way:
h1 {
font-size: 6em;
font-family: GenzschEtHeyseRegular, serif;
Figure 3.2 shows the updated look.
Search WWH ::

Custom Search