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

Question

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

background-image:  url('http://ekozone.local/src/img/logo.png');

现在，当我尝试制作新的字体系列时

@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')

我的结构是这样的 STRUCTURE

如果有人能帮助我，那就太好了……我正在阅读有关此的问题，但对我没有任何帮助……可能我做错了什么。
感谢您的帮助！

Answer 1

如果您有 div 或另一个带有 class divClass 的 HTML 元素，在 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

importing new fonts @font-face font-family

css

fonts

sass

font-family