Добавить шрифт в конкретный div в HTML5 и CSS

Question

У меня есть font font.tff и хочу добавить его в следующий код html. Я хочу добавить его только в меню, @ font-face Я видел, как он меняет шрифт на весь текст. Как добавить его с помощью CSS? Спасибо.

<div id="menu"> 
    <ul> 
    <li>menu 1</li> 
    <li>menu 2</li> 
    <li>menu 3</li> 
    <li>menu 4</li> 
    <li>menu 5</li> 
    </ul> 
</div> 

Я использовал следующее:

<style> 
    @font-face { 
     font-family: "Your typeface"; 
        src: url("ffan.tff"); 
    } 
    #menu { 
     font-family: "Your typeface"; 
    } 
</style> 

но doens't изменить что-либо.

Answer 1

Вы могли бы сделать что-то вроде этого:

@font-face { 
    font-family: "Your typeface"; 
    src: url("type/filename.eot"); 
    url("type/filename.woff") format("woff"), 
    url("type/filename.otf") format("opentype"), 
    url("type/filename.svg#filename") format("svg"); 
} 

#menu { 
    font-family: "Your typeface", Georgia, serif; 
} 

Answer 2

С @ шрифта лицом, необходимо указать шрифт, который вы можете использовать на своей странице, но вы не должны использовать его везде.

@font-face { 
    font-family: "myFirstFont"; 
    src: url("type/filename.eot"); 
    url("type/filename.woff") format("woff"), 
    url("type/filename.otf") format("opentype"), 
    url("type/filename.svg#filename") format("svg"); 
} 

Например, вы можете указать шрифты для тела:

body { 
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif; 
} 

И все же использовать myFirstFont в меню:

#menu { 
    font-family: myFirstFont; 
}