wordpress - 字体目录

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; }

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

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

score 1 · Accepted Answer

您需要这样做，具体取决于您的服务器设置。此外，以前从未使用过字体文件或指南针。我使用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;
}

score 0 · Accepted Answer

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

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

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

包括该文件。它有助于保持整洁，您可以轻松地在站点之间移动您的字体文件 Font Squirrel 为您的自定义字体生成器，例如这个免费的站点，并且非常有用的 CSS 制作！

2 回答 2