我有一个字体,我想用我的链接。不知怎么的,它不起作用。
@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工作?
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工具包。