@Font-Face在WordPress中不起作用

时间:2013-08-17 作者:Jeremi Liwanag

我有一个字体,我想用我的链接。不知怎么的,它不起作用。

@font-face {
      font-family: HelveticaNeueLight;
      src: local(\'fonts/HelveticaNeueLight.ttf\');
   }
我的字体路径是:wp-content/themes/mytheme/fonts/HelveticaNeueLight.ttf, 我是这样使用的:

.jplnav li a {
     font-family: HelveticaNeueLight;
   }
浏览器:Chrome

是否有某种特殊的代码需要使@font-face工作?

1 个回复
SO网友:Mark Davidson

根据您的浏览器和平台,您需要以不同的格式指定字体
请参见此示例:

@font-face {
  font-family: "LeagueGothic";
  src: url(\'../fonts/league_gothic-webfont.eot\');
  src: url(\'../fonts/league_gothic-webfont.eot?#iefix\') format(\'eot\'),
       url(\'../fonts/league_gothic-webfont.ttf\') format(\'truetype\'),
       url(\'../fonts/league_gothic-webfont.woff\') format(\'woff\'),
       url(\'../fonts/league_gothic-webfont.eot#iefix\') format(\'embedded-opentype\'),
       url(\'../fonts/league_gothic-webfont.svg\') format(\'svg\');
  font-weight: "normal";
  font-style: "normal";
}
如果你只是在.ttf 格式并需要其他,您可以使用FontSquirrel\'s WebFont Generator 创建您自己的@font-face工具包。

结束

相关推荐

Admin sidebar customization

我的新客户wordpress站点在管理侧栏中没有插件、外观或任何其他默认项。谁能告诉我这些是怎么出现的吗。该站点正在主站点的子目录中运行。它有自己的wordpress安装。主题是前面的rttheme16。提前谢谢。