<style>
@font-face {  
    font-family: "Example-font"; /* Уникальное название шрифта которое мы будем использовать в CSS свойствах font */
    src: url("fonts/Example-font.eot"); /* EOT формат файла шрифта для IE 6+ */
    src: local("☺") , /* Название локального файла шрифта, почему смайлик читаем тут — http://paulirish.com/2010/font-face-gotchas/#smiley */
       url("fonts/Example-font.woff") format("woff"), /* FF 3.6 */
       url("fonts/Example-font.otf") format("opentype"), /* Все остальное */
}
    
   h1 { font: 2em Example-font, Helvetica, Verdana, sans-serif; }
</style>