CSS @ font-face規則

-1

這是我的代碼。我建立的@ font-face規則在這裏：CSS @ font-face規則

@font-face { 
    font-family: 'ChunkFiveRegular'; 
    src: url('chunk-webfont.eot'); 
    src: url('file:///C:/.../Fonts/chunk-webfont.eot?#iefix') format('embedded-opentype'), 
     url('file:///C:/.../Fonts/chunk-webfont.woff') format('woff'), 
     url('file:///C:/.../Fonts/chunk.ttf') format('truetype'), 
     url('chunk-webfont.svg#ChunkFiveRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal;}

我分配到的元素在這裏：

#main-navi{ 
    font-family:'ChunkFiveRegular';}

而且我在這裏把它的HTML：

<div id="main-navi" class="line"> 
    <ul class="line"> 
    <li> 
     <a href="#work">Work</a> 
    </li> 
    <li> 
     <a href="#play">Play</a> 
    </li> 
    </ul>

但文字不顯示ChunkFive字體。有誰知道我在這裏做錯了嗎？

來源

2011-08-15 dopatraman

URL路徑看起來有點偏離，你確定他們是對的嗎？ – benhowdle89

@ BoltClock - 爲什麼這是downvoted？ – dopatraman

你是否可能會用ul，li或屬性中的另一種字體覆蓋字體？ – user1652993

檢查Firefox瀏覽器是否可以使用chrome中的firebug插件或開發人員工具（分別爲f12和ctrl + shift + j）訪問字體。

Theres很有可能是這樣的文件：/ uri只是不能正常工作，considder使用相對URI來檢查字體並檢查url中的大小寫。

css本身看起來很不錯（右邊是fontsquirrel？）。你可能想關閉那個div，但除此之外應該在理論上工作。

來源

2011-08-15 23:46:30 sg3s

@ sg3s - 我添加了一個相對網址，但它仍然不起作用 'src：url（'Fonts/Chunkfive.otf'）格式（'opentype'），' 任何其他想法？ – dopatraman

CSS @ font-face規則

回答

相關問題