html - 如何在网站中使用自定义字体

Question

我已经下载了包含这些文件的名为“steelfish”的字体

steelfish outline

steelfish rg it

steelfish rg

我在我的 css 文件中这样设置了这些:

@font-face {
    font-family: 'Stellfish Outline';
    src: url('fonts/steelfish outline.ttf') format('truetype'),
}
@font-face {
    font-family: 'Stellfish Regular';
    src: url('fonts/steelfish rg.ttf') format('truetype'),
}
@font-face {
    font-family: 'Stellfish Italic';
    src: url('fonts/steelfish rg it.ttf') format('truetype'),
}

但是当我尝试将我的自定义字体应用于任何文本时，它不会采用该字体样式。

<strong style="font-family:'Steelfish Italic' ">
</strong>

在这个问题上我需要帮助。谢谢

Answer 1

去掉文件名中的空格或用破折号代替。然后相应地更新你的CSS。此外，内联样式声明有点不受欢迎。如果可以，将它们拉入您的 css 样式表。它们会像您拥有它们一样工作，但不是“适当的”。