字体目录答案

【问题标题】：font-face directory字体目录
【发布时间】：2012-08-09 11:59:39
【问题描述】：

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

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

主题

-----style.css

------字体

---------Museo300-Regular.otf

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

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

它输出了我这个： @字体脸{ 字体家族：“Museo300”； src: url('fonts/font/Museo300-Regular.otf') 格式('opentype'); }

当我尝试使用它时：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

然后在你的 style.css 中加入 CSS @import (font/fonts.css) 声明

包含该文件。它有助于保持整洁，您可以轻松地在站点之间移动字体文件 Font Squirrel generator for your custom fonts like this - 免费站点和非常有用的 CSS！

【讨论】：