HTML and CSS Reference
In-Depth Information
Figure 5-4.
Hello World with a web font
There are several caveats to using
@font-face
for the Web. The biggest one is
regarding licensing. In order to render fonts in the browser, the font has to be
downloadable. This poses potential problems when using purchased fonts that
could have a license attached. Before using a web font for your project, you
should check to see whether the license allows for the font to be downloaded or
delivered using
@font-face
. If you can't use the font you want, you may use the
Google font directory and use any font from its growing collection of open
source web fonts (see Figure 5-5). Google also provides a handy way to embed
web fonts that are hosted on its server.
