Code Example: @font-face
Including Non-Installed Fonts
This allows the user to display a non-installed font using a ttf file.
In order to display an existing but non-installed font on your page, you’ll need to include the .ttf file somewhere locally. You may also need an .eot, .woff or .svg file, depending upon the browser. In order for the browser to recognize the font, you will need to create a new font-family in your .css file. Below shows an example using the MuseoSans500 font, with all of the possible font files stored locally alongside the .css file.
Now, in order to display text using this font, use the same format as you would with any other font family. Specifically, including it in the .css is done as follows.