以通常的方式将Google Web字体排队,即使用wp_enqueue_style
像这样工作。。。
function wpse_google_webfonts() {
wp_enqueue_style( \'google-webfonts\', \'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700\' );
}
add_action( \'wp_enqueue_scripts\', \'wpse_google_webfonts\' );
。。。结果为
link
标签放置在标题中,如下所示:
<link rel=\'stylesheet\' id=\'google-webfonts-css\' href=\'http://fonts.googleapis.com/css?family=Ubuntu+Condensed%7COpen+Sans%3A400italic%2C700italic%2C400%2C700&ver=3.5\' type=\'text/css\' media=\'all\' />
如您所见,结果URL为
encoded.
我很确定这不会带来任何问题,但为了保持事情的干净和清晰,我想问一下——有没有办法将Google Web字体(通过functions.php
而不是一个插件),以一种不编码URL输出的方式?
是这样的:
<link rel=\'stylesheet\' id=\'google-webfonts-css\' href=\'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700?ver=3.5\' type=\'text/css\' media=\'all\' />
赏金的理由webaware的答案近乎完美,特别是因为它与
enqueuing \'Open Sans\' Google Web Font in the Twenty Twelve 主题
输出中唯一的问题是如下所示:
<link rel=\'stylesheet\' id=\'twentytwelve-fonts-css\' href=\'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext\' type=\'text/css\' media=\'all\' />
请注意
&
? 应该是的
&
, 否则,提供的字体文件只有
latin
图示符(即
subset
除非使用
&
而不是其HTML实体)。
任何可以帮助修改@webaware答案的人,以便输出如下所示。。。
<link rel=\'stylesheet\' id=\'twentytwelve-fonts-css\' href=\'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext\' type=\'text/css\' media=\'all\' />
。。。赢得赏金。
SO网友:its_me
事实上,这很简单:
wp_enqueue_style( \'google-webfonts\', \'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext\', array(), null );
这应该会输出:
<link rel=\'stylesheet\' id=\'google-webfonts-css\' href=\'http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&subset=latin,latin-ext\' type=\'text/css\' media=\'all\' />
这与我想要的非常接近(唯一遗憾的是
&
成为
&
在输出中)。但后来我意识到这并不重要,真的,主要是因为
Andrew Nacin\'s answer.
但我必须感谢大家的努力