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'）格式（'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目录中我会把一个新文件fonts.css

然后在你的style.css中放入一个CSS @import（font / fonts.css）语句

包含该文件。它有助于保持整洁，你可以轻松地在网站之间移动你的字体文件Font Squirrel生成器为你的自定义字体 - 免费网站，非常有用的制作CSS！