将自定义字体与HTML一起使用时,字体不会在本地存储

时间:2016-07-07 20:17:48

标签: html css

我创建了一个Enjin网站,可以选择使用HTML,CSS和JavaScript创建自己的模块。

我创建了一个导航栏:



.navbar {
    position: fixed !important;
    background: #FCFCFF;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 80px;
    width: 100%;
    font-family: 'sao_uiregular';
    font-size: 32px;
    transition: 300ms height ease-in-out, 300ms background ease-in-out;
    box-shadow: 0 0rem 1rem 0.5rem rgba(0, 0, 0, 0.25);
}

@font-face {
    font-family: 'sao_uiregular';
    src: url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.eot);
    src: url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.eot?#iefix) format('embedded-opentype'),
         url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.woff2) format('woff2'),
         url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.woff) format('woff'),
         url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.ttf) format('truetype'),
         url(http://files.enjin.com/1254562/custom_fonts/saofont-webfont.svg#sao_uiregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

<body>
    <div class="navbar">
        <ul class="items">
            <li id="home"><a class="anm" href="page1">Home</a></li>
            <li id="forums"><a class="anm" href="page2">Forums</a></li>
            <li id="store"><a class="anm" href="page3">Store</a></li>
            <li id="stafflist"><a class="anm" href="page4">Staff List</a></li>
            <li id="support"><a class="anm" href="page5">Support</a></li>
        </ul>
    </div>
</body>
&#13;
&#13;
&#13;

字体似乎不起作用,我将其存储在Enjin的网站文件中。 在CSS中,我尝试将&#34;&#34;,&#39;&#39;,并且在网址中没有任何内容,但它们似乎都没有效果。我的问题是为什么它不起作用?

0 个答案:

没有答案