Using a font hosted in the web server is not the only solution. Sometimes, it is better to use fonts hosted in distant servers for many reasons such as support services and special loading scripts.
Please refer to the project
WebFonts to get the full source code.
We will get through four steps:
<link rel="stylesheet" id="linker" type="text/css" href="http://fonts.googleapis.com/css?family=Mr+De+Haviland">