html - 如果我将字体添加到我的网站的 FTP 中，当我添加我的字体时，我应该将它放在 FTP 的什么位置以及如何使用该字体？

Question

如果我在我的网站的 FTP 中添加一种字体，当我添加我的字体时，我应该将它放在 FTP 的什么位置以及如何将字体与 HTML 或 CSS 一起使用？

Answer 1

您可以将字体上传到您想要的任何位置，您只需要链接到正确的位置。请参阅下面的示例以了解 CSS 中的字体。

@font-face{
   font-family:'Your Font Name'; 
   src:url(http://www.example.com/fonts/YourFont.otf); 
}

Answer 2

我个人建议为此使用Font Squirrel Fontface 生成器。你会得到类似的东西：

    /* @Fontface */
    @font-face {
        font-family: 'Yourfont';
        src: url('fonts/yourfont.eot');
        src: url('fonts/yourfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/yourfont.woff') format('woff'),
             url('fonts/yourfont.ttf') format('truetype'),
             url('fonts/yourfont.svg#Yourfont') format('svg');
        font-weight: normal;
        font-style: normal;
    }

使用这种方式，您将获得 IE、Chrome、Opera、Firefox 和 Safari 的有效选项。稍后您可以像使用普通字体一样使用此字体，使用

    div.heading { font-family: 'Yourfont', (othersifyouwant); }