@ font-face問題

所以我的問題是，我的導航欄中使用的字體根本不會改變，我不能看到我的CSS的問題，請幫助！@ font-face問題

CSS

//Fonts 
@font-face { 
    font-family: navfont; 
    src: url(fonts/Franchise-Free-Bold.otf); 
}

HTML

<!DOCTYPE html> 
<html> 
    <head> 
     <style> 
     </style> 
     <title>Frost</title> 
     <meta content="text/html; charset=utf-8" http-equiv="content-type"> 
     <link type="text/css" rel="stylesheet" href="stylesheet.css"/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
     <!--navigation panel--> 
     <nav id="nav"> 
     <br> 
     <p class="navfield">&nbsp;Home Frost Systems&nbsp;</p> 
     <br> 
     <a name="systems"></a></nav> 
    </body> 
</html>

來源

2015-04-06 MGQTV

你有沒有設置要使用的字體？ 'html，body {font-family：'navfont';}' – Downgoat

與你的CSS代碼的問題是，「navfont」不是撇號或引號所以因此，它被視爲一個值而不是一個字符串。此外，您提供的URL不會被撇號/引號包圍，也不會被視爲字符串。同樣，您需要聲明用於「nav」的字體才能正確顯示字體。

CSS

@font-face { 
    font-family: 'navfont'; 
    src: url('fonts/Franchise-Free-Bold.otf'); 
} 
nav{ 
    font-family: 'navfont'; 
}

一個例子是位於JSFiddle。

來源

2015-04-06 23:18:54

只要沒有空格或其他*奇怪*字符，字體名稱或URL就不需要引號。總是添加它們只是爲了確保點頭需要。 'font-family：navfont，arial，verdana，sans-serif'會很好，例如 – FelipeAls

它還沒有工作，我在http://gyazo.com/cbfa7f4db1b451cccaf9a8d2ebaee051 – MGQTV

@ font-face問題

回答

相關問題