將字體添加到HTML5和CSS中的特定div

我有一個字體font.tff並希望將其添加到以下html代碼。我只想將它添加到菜單中，@ font-face我看到它將字體更改爲所有文本。我怎樣才能用CSS添加它？謝謝。將字體添加到HTML5和CSS中的特定div

<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>

但好好嘗試一下做任何修改。

來源

2015-02-23 Shury

'@字體face'只包括字體，但不改變所有文本的字體，除非你在類定義上設置了這個字體.....所以你需要font-face和之後'#menu li {font-family：'yourfont'}' – DaniP 2015-02-23 20:46:54

有沒有ul或li標籤上的樣式指定了不同的樣式字體？另外請確保您使用的瀏覽器能夠識別'tff'。 – BSMP 2015-02-23 20:57:12

@BSMP不，其他字體;我正在使用Chrome，最新版本。 – Shury 2015-02-23 21:00:49

你可以做這樣的事情：

@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; 
}

來源

2015-02-23 20:47:31

這就是我正在寫的東西.. :) – 2015-02-23 20:48:02

使用@字體面，你指定你可以在網頁上使用的字體，但你不必到處使用它。

@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; 
}

來源

2015-02-23 20:51:35

將字體添加到HTML5和CSS中的特定div

回答

相關問題