Question

在我的网站中，我尝试了这两种方法（每次一个），导入字体：

@import "/va/fonts/FjallaOne-Regular.ttf";

@import url('/va/fonts/FjallaOne-Regular.ttf');

他们都没有工作。路径是正确的。我不想对此任务使用HTTP请求。

PS：尝试没有引号：@import url(/va/fonts/FjallaOne-Regular.ttf);

Answer 1

它不起作用，因为您使用的是导入，而不是@font-face，请尝试以下操作：

@font-face {
    font-family: 'FjallaOne-Regular'; /*You can use whatever name that you want*/
    src: url('/va/fonts/FjallaOne-Regular.ttf');
}

最后，在您的部分中选择font-family，例如：

#styledDiv {
    font-family: 'FjallaOne-Regular';
}

祝你好运，兄弟。

Answer 2

我认为你可能错过了那里的反斜杠，我相信正确的语法是@import url(//address);，我不确定它是否适用于本地文件。我个人会在我的CSS中定义一个font-face并将其用作常规的font-family属性。无论是本地文件还是在线字体，总是以这种方式为我工作。

示例：

@font-face {
  font-family: 'MyWebFont';
  src: url('/va/fonts/FjallaOne-Regular.ttf')  format('truetype');
}

body {
  font-family: 'MyWebFont', Fallback, sans-serif;
}

为了记录，我前一段时间从CSStricks.com

学习了上面的代码

我希望能回答你的问题。

快乐编码：）

CSS @import不适用于本地文件 - 文件路径是正确的

2 个答案: