网站没有显示正确的字体

Question

美好的一天， 我开发了一个HTML网站，但是当我将它上传到在线服务器时，它没有显示正确的字体。我使用了一种名为Futura Std的字体。此字体不属于谷歌字体;有类似的替代谷歌字体但我想要这个。有人可以帮忙吗？ 此致

Answer 1

Font就像你刚才提到的那样安装在本地服务器上，这就是为什么在某些远程服务器上传文件后该字体不可见的原因：

包括你的字体：

<style>
    @font-face {
        font-family: Futura Std;
        src: url("../fonts/Futura_Std.eot") /* for IE */
    }
    @font-face {
        font-family: Futura Std;
        src: url("../fonts/Futura_Std.ttf") /* for CSS3/New browsers */
    } 
p.customfont { 
    font-family: "Futura Std";
}
</style>

并包括：

 <p class="customfont">Hello world!</p>

将这两种格式的字体（eot和ttf）上传到名为fonts的文件夹中，然后只应用于css以上，这应该可行。