在 css 中應用自定義字體不起作用？

Question

我正在嘗試為我網站上的標題使用自定義字體，但我無法讓它工作。 無論我嘗試什么，它都只是顯示為默認的 Times New Roman 或其他東西。 有沒有人對我可以做些什么來顯示這種字體有什么建議？

<style>

@font-face {
font-family:"volcano";
src: url("/wp-content/themes/wp-bootstrap-4/assets/fonts/Volcano-King.ttf") format ("truetype"),
     url("/wp-content/themes/wp-bootstrap-4/assets/fonts/Volcano-King.woff") format ("woff");
}

h1 {
font-family: "volcano";
}

</style>

Answer 1

看起來缺少一個：

嘗試這個

<style>

@font-face {
font-family:"volcano";
src: url("/wp-content/themes/wp-bootstrap-4/assets/fonts/Volcano-King.ttf" format ("truetype"),
     url("/wp-content/themes/wp-bootstrap-4/assets/fonts/Volcano-King.woff" format ("woff");
}

h1 {
font-family: "volcano";
}

</style>

Answer 2

h1 {
font-family: "volcano";
}

在屬性名和屬性值之間添加一個冒號