@ 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问题

回答

相关问题