Question

Hellow我从文件夹导入字体时遇到问题。我在index.php上使用gulp和browsersync通过代理到我的VH。
当我想设置背景时，我必须使用此URL

@font-face {
    font-family: "BarlowBlack"; 
    src: url('http://ekozone.local/src/Barlow-Black.ttf') format('ttf'),
  }

现在，当我尝试通过

创建新的字体系列时

src: url('../../../src/Barlow-Black.ttf') format('ttf')

没有任何反应，我尝试了很多方法来获取我的字体

src: url('Barlow-Black.ttf') format('ttf')

/ \这是在我将它移动到与索引相同的级别之前

{{1}}

这就是我的结构的样子 STRUCTURE

如果有人可以帮助我，那就太棒了......而我正在阅读有关此事的问题，但对我来说没有任何作用......可能是我做错了。
谢谢你的帮助！

Answer 1

如果你有div或其他HTML元素与类divClass，在CSS中你必须指定你需要使用哪个字体系列：

@font-face {
    font-family: "BarlowBlack"; 
    src: url('http://ekozone.local/src/Barlow-Black.ttf'),
}
.divClass {
    font-family: "BarlowBlack";
    background-image:  url('http://ekozone.local/src/img/logo.png');
}

这应该适合你。

或者如果您想使用您的字体，请使用而不是http link：

src: url('../Barlow-Black.ttf');

导入新字体@ font-face font-family

1 个答案: