css - 获取自定义字体以在 Wordpress 中上传

Question

我正在尝试使用以下代码将字体 TrashHand 上传到我在 Wordpress 中的网站。我已经删除了网站名称，但代码保持不变。

代码包含在我的 style.css 文件中，我知道 Wordpress 正在读取该文件，因为当我更改下面的颜色线时，它会更改文本的颜色。

我也知道我的 url 是正确的，因为如果我将 url 粘贴到我的浏览器中，字体会自动下载。

由于我是 css 的新手，我可能犯了一个愚蠢的错误，但我们将不胜感激任何帮助。

@font-face {
font-family: TrashHand;  
src: url(##websitename##.com/wp-content/themes/twentyseventeen-

child/fonts/TrashHand.ttf); 
}

p {
    font-family: TrashHand;
    color: green;
}

h1 {
    font-family: TrashHand;
}

Answer 1

改变这些行

src: url(##websitename##.com/wp-content/themes/twentyseventeen-child/fonts/TrashHand.ttf); 
}

到

src: url(/wp-content/themes/twentyseventeen-child/fonts/TrashHand.ttf); 
}

不需要网站名称，因为 src 正在寻找一个绝对 URL