Question

我下载了一个名为“steelfish”的字体，其中包含这些文件

钢鱼概述

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样式表。他们会像你拥有它们一样工作，但不能正常工作＃34;

Answer 2

只需使用Google字体。这很简单：

从其网站（https://www.google.com/fonts）中选择一种字体，然后在<head></head>标记中导入该文件：

    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

然后在CSS中应用该字体：

    .text { font-family: 'Open Sans', sans-serif; }

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

2 个答案: