你会如何将谷歌网页字体加入队列?

时间:2012-10-16 作者:BFTrick

我正在使用Rosario fontGoogle Web Fonts 在我的主题中,我想enqueue the font 因此,如果有一个插件使用了奇特的字体,就不会有任何冲突或浪费带宽。

我想在主题中使用Normal 400、Normal 400 Italic和Bold 700。我应该如何排列字体?如果其他脚本使用最后一种字体变体,是否值得将其包括在内?

我一直在考虑的几个选项:

单个

wp_register_style( \'rosario\', "http://..." );
结合手柄

wp_register_style( \'rosario_400_400-italic_700\', "http://..." );
全部加在一起

wp_register_style( \'rosario_400\', "http://..." );
wp_register_style( \'rosario_400-italic\', "http://..." );
wp_register_style( \'rosario_700\', "http://..." );`
第三个选项看起来最明确,但对同一字体的多次调用可能比简单地加载两次字体效率更低。

有什么想法?

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

你应该可以http://fonts.googleapis.com/css?family=Rosario:400,700,400italic 这是谷歌在选择一种字体的多种权重/样式时给出的“组合”URL。然后只需注册一次字体。你不需要把$handle 或者,类似于google-fonts-rosario 只要如中所述是唯一的,就应该做得很好codex.

SO网友:Kyle

转到google fonts,在您想要的字体上,选择“添加到收藏”按钮旁边的“快速使用”。有三种方法可以很容易地完成您想要的任务:JS、@导入和标准。您只需选择不同的权重和样式,Google就会弹出要插入的代码。

标准如下所示:

<link href=\'http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic\' rel=\'stylesheet\' type=\'text/css\'>
@导入如下所示:

@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);
您可以在wp\\u register\\u风格的函数中获取google为这些用户创建的url。下面的链接是一个示例。

http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Montserrat+Alternates:400,700

结束

相关推荐