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;

}

字体格式是：

EOT
WOFF
TTF
SVG

或者您只需导入字体https://www.google.com/fonts

使用字体面安装自定义字体

1 个答案: