导入新字体@字体-面字体-系列

Question

你好，我有一个从文件夹导入字体的问题。

我正在通过我的VH代理在index.php上使用gulp和browsersync。

当我想设置一个背景时，我必须使用这个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')

这就是我的结构看起来像结构

如果有人能帮我那就太好了..。我读到了有关这方面的问题，但对我来说没有用.可能我做错什么了。

谢谢你帮忙！

Answer 1

如果您有divClass类的div或另一个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链接：

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