通常の方法でGoogle Web Fontsをエンキューする、つまり、次の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はエンコードされています。
私はそれが問題を引き起こさないと確信していますが、物事を明確かつ明確に保つために、私は先に進んで質問したいと思いfunctions.php
ます-URLが出力する方法で(プラグインではなく)Google Web Fontsをエンキューする方法はありますかエンコードされていませんか?
それはそうです:
<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の答えはほぼ完璧です。これは、Twenty Twelveテーマの「Open Sans」Google Web Fontをエンキューするのに使用されている方法に似ているためです。
出力の唯一の問題は、次のようになることです。
<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
、URL のパラメーターは、&
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' />
...賞金を獲得します。