在引导程序中使用自定义字体

Question

我知道这是一个非常重复的问题。我已经尝试过了，我也不知道为什么它仍然不适合我。我在bootstrap中使用自定义主题。我在我的网站文件所在的文件夹中添加了一个名为BebasNeue.ttf的字体。

这是我正在尝试的代码。

<h1 style="color:white; font-family:BebasNeue;"> Some random content!!</h1>

在CSS中我也调用了font-face属性。

@font-face {
font-family: BebasNeue;
src: url(fonts/BebasNeue.ttf);}

它根本不起作用。

Answer 1

以下是您遇到的问题

使用

   src:url(fonts/BebasNeue.ttf) format('truetype')

就是这样。如果它仍然没有工作，那么尝试使用单引号

 @font-face{

font-family:'BebasNeue'
src:url(fonts/BebasNeue.ttf) format('truetype')
}

Answer 2

如果您在IE上加载网页，请使用小写字母作为字体网址。大写字母可以在IE中产生意想不到的结果！

Reference

Answer 3

src: url(../fonts/BebasNeue.ttf);}

可能正在工作