如果我为我的网站添加一个字体到我的FTP,当我添加我的字体时,我在哪里把它放在FTP中,我该如何使用该字体?

时间:2012-12-21 19:39:09

标签: html css fonts web ftp

如果我为我的网站添加了一个字体到我的FTP,当我添加我的字体时,我在哪里把它放在FTP中我如何使用HTML或CSS的字体?

2 个答案:

答案 0 :(得分:2)

您可以根据需要上传字体,只需链接到正确的位置即可。请参阅下面的例子,了解CSS中的字体。

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

答案 1 :(得分:2)

我个人建议使用Font Squirrel Fontface generator。你会得到类似的东西:

    /* @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); }