@ font-face帮助它无法正常工作

Question

我创建了这个测试文件

<h1> test <h1>

然后在CSS3中，我做了这个

@font-face {
font-family: 'hello';
src:url('/fonts/HelloStockholm-Alt.otf')
font-style: normal;
font-weight: 100;
} 

h1 {
font-family: hello;
font-weight: 100;
}

这是我下载的字体

https://www.dafont.com/de/hello-stockholm.font

希望你们中的一些人可以帮助我

Answer 1

您忘了在代码末尾写;

的src：网址（＆＃39; /fonts/HelloStockholm-Alt.otf'）;

<强>更新

确定。我找到了正确答案。我在我的本地制作了你的小项目，我下载了字体。它不是.otf文件，它是.ttf文件。 您只需将.otf类型更改为.ttf

即可

此外，如果您的html out of fonts文件夹，则从字体源中删除/。也许您在我下载名称时重命名了字体文件就像HelloStockholm-Regular

一样

src:url('fonts/HelloStockholm-Regular.ttf');

最后你忘了关闭h1;）

<h1> test </h1>

希望它会帮助你。祝你好运！）

Answer 2

尝试在字体

之前删除'/'

@font-face {
font-family: 'hello';
src:url('fonts/HelloStockholm-Alt.otf');
font-style: normal;
font-weight: 100;
} 

h1 {
font-family: 'hello';
font-weight: 100;
}