在WordPress样式表中使用外部字体

时间:2012-07-25 作者:avramov

我正在尝试设计一个高级WP主题,我发现了许多插件,允许您从Google Web字体和其他服务加载字体。但是,如何让管理员实际配置站点范围的标题和正文字体?

To clarify: 在编写样式表时,我需要输入将要使用的字体的名称(例如。h1 { font-family: Cuprum }. 但是,我想通过从可用的Google Web字体中选择,从我的管理面板中为我的CSS选择不同的字体。

我能想到的一个选择是使用font-family: HeaderFont, font-family: BodyFont, 等等,然后使用@font-face, e、 g。

@font-face {
  font-family: \'HeaderText\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Cuprum\'), local(\'Cuprum-Regular\'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v3/sp1_LTSOMWWV0K5VTuZzvQ.woff) format(\'woff\');
}
但这似乎是一个相当复杂的解决方案,我还没有看到这样做。公认的做法是什么?

1 个回复
最合适的回答,由SO网友:Damien 整理而成

只是一个建议:

学习另一个插件看看这个插件代码,了解它是如何集成Google字体的http://wordpress.org/extend/plugins/wp-google-fonts/screenshots/

通过示例学习创建自己的主题面板a.这里有一个wp tuthttp://net.tutsplus.com/tutorials/wordpress/how-to-create-a-better-wordpress-options-panel/

b.(来自下面的评论)最简单的方法是将用户的CSS输出到页面模板中。。。这也是令人讨厌的做法。最好的方法是将用户保存的选项写入自定义。css文件,甚至将其保存在Wordpress数据库中。

使用主题框架发展你的主题主题主题或论文可能是很好的起点参见:http://www.webdesignerdepot.com/2011/10/a-comparison-of-leading-wordpress-theme-frameworks/

结束

相关推荐