Question

所以我的问题是我的导航栏中使用的字体只是没有改变，我无法看到我的CSS的问题，请帮忙！

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>

Answer 1

CSS代码的问题在于＆＃34; navfont＆＃34;因此，它不是撇号或引号，而是被视为一个值而不是一个字符串。此外，您提供的网址不会被撇号/引号括起来，也不会被视为字符串。同样，您需要声明用于＆＃34; nav＆＃34;的字体。正确显示字体。

CSS

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

示例位于JSFiddle。

@ font-face的问题

1 个答案: