css - 使用字体安装自定义字体

Question

我使用 Brackets 代码编辑器，在实时预览中它运行良好，但是一旦我将它上传到实际站点，它默认为 Arial。我已将字体放在css文件夹中，但我只是不明白为什么它在实时站点上不起作用。

这是我的代码。

@font-face {
    font-family: BMgermar;
    src: url('http://example.com/css/BMgermar.TTF') format('truetype');
}

提前致谢。

Answer 1

您最常以五种格式上传字体，以便像此代码一样完美工作

@font-face {
font-family: 'droidkufi';
src: url('../fonts/droidkufi/droidkufi-webfont.eot');
src: url('../fonts/droidkufi/droidkufi-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/droidkufi/droidkufi-webfont.woff') format('woff'),
     url('../fonts/droidkufi/droidkufi-webfont.ttf') format('truetype'),
     url('../fonts/droidkufi/droidkufi-webfont.svg#droid_arabic_kufiregular') format('svg');
font-weight: normal;
font-style: normal;

}

字体格式是：

1. eot
2. woff
3. ttf
4. svg

或者您可以简单地从https://www.google.com/fonts导入字体