In this case if the first font is not installed on client's machine the next one will be used.
font-family: Arial, Verdana;
In some cases you may need to use a custom font that is most likely not installed on most of the client machines. Common example for such situation is when you receive a design from your client who insists you implement their website exactly like it was designed.
One of possible solutions would be using graphics for all page elements that were designed to use custom fonts. Disadvantages of this approach are:
- This is not SEO friendly
- Not suitable for dynamic text
Please not that browser needs to download the font first so it may slow down initial loading of your page. For IE you'll need the .eot version of the font. You can convert your ttf font into eot using this free converter. Each browser should only download one of the files.
/* for IE */
/* non-IE */
src: local("Unique font name"), url(fonts/custom_font.ttf) format("truetype");
/* now you can use your custom font like any other */
If possible always try to use web safe fonts which can also produce great results.