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

我正在尝试使以下代码工作，以将字体TrashHand上载到我在Wordpress中的网站。我已经编辑了网站名称，但否则代码保持不变。

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

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

我可能是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;
}

最佳答案

更改这些行

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

至

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

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

关于css - 获取自定义字体以在Wordpress中上传，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47216161/