font-face目录

Question

我正在尝试添加一个自定义字体到我的wordpress网站，但我不确定我在这里做什么，所以如果你能帮助我！

目前在我的主题目录中，我有一个字体目录，我已经在其中放置了我的font.otf，我的style.css在主题目录中：

主题

-style.css

-Museo300-Regular.otf

我使用指南针来生成这样的字体：

@include font-face("Museo300", font-files("font/Museo300-Regular.otf"));

它输出这个：@font-face { font-family："Museo300"；src: url('fonts/font/Museo300-Regular.otf') format('opentype')；}

当我尝试使用它时：

#headerContainer header #menu li {
  float: left;
  font-family: "Museo300";
  color: #FFF; }

但是我的字体没有被使用！

所以如果有人知道我哪里错了！谢谢

Answer 1

您需要这样做，这取决于您的服务器设置。此外，以前从未使用过字体文件或指南针。我使用src，但我猜这是您的服务器路径。也就是说，它认为你的字体在别处。

@include font-face("Museo300", src("../font/Museo300-Regular.otf"));

或

@font-face {
   font-family: 'Museo300';
   src: url('../font/Museo-Regular.otf');
   font-weight: normal;
   font-style: normal;
}

Answer 2

您的路径是错误的-这只是一个正确显示目录的“路径”的情况。

下面是要做的:在你的字体目录中，我会放一个新的文件fonts.css

然后在style.css中输入CSS @import (font/fonts.css)语句

以包含该文件。它有助于保持事情的整洁，你可以很容易地在站点之间移动你的字体文件，字体松鼠生成器为你的自定义字体喜欢这样-免费的网站和非常有用的CSS！