Enqueue Google Web Fonts Tanpa Mengacaukan Simbol Dalam URL

Enqueuing Google Web Fonts seperti biasa, yaitu, menggunakan wp_enqueue_stylefungsi seperti ...

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' );

... menghasilkan linktag yang ditempatkan di header seperti:

<link rel='stylesheet' id='google-webfonts-css'  href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed%7COpen+Sans%3A400italic%2C700italic%2C400%2C700&#038;ver=3.5' type='text/css' media='all' />

Seperti yang Anda lihat, URL yang dihasilkan dikodekan .

Saya cukup yakin itu tidak menimbulkan masalah, tetapi untuk menjaga hal-hal tetap bersih dan jelas, saya ingin melanjutkan dan bertanya - Apakah ada cara untuk membuat huruf Google Web Font (melalui functions.phpdan bukan plugin) dengan cara yang URL output tidak dikodekan?

Seperti itulah:

<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' />

Alasan Bounty

Jawaban @ webaware hampir sempurna, terutama karena mirip dengan metode yang digunakan dalam memunculkan Font Web Google 'Open Sans' dalam tema Twenty Twelve .

Satu-satunya masalah dalam output adalah seperti ini:

<link rel='stylesheet' id='twentytwelve-fonts-css'  href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&#038;subset=latin,latin-ext' type='text/css' media='all' />

Perhatikan &? Seharusnya &, jika file font yang dilayani hanya memiliki latinmesin terbang (yaitu subsetparameter dalam URL diabaikan kecuali Anda menggunakan &dan BUKAN entitas HTML-nya).

Siapa pun yang dapat membantu memodifikasi jawaban @ webaware sehingga hasilnya terlihat seperti ini ...

<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' />

... memenangkan hadiah.

WordPress tahu apa yang dilakukannya di sini. Jujur.

Saat merender ampersand dalam HTML, Anda harus selalu menggunakan &atau &. Browser kemudian mengubahnya &sebelum benar-benar menembak permintaan HTTP. Lihat sendiri dengan memeriksa panggilan jaringan dalam alat pemeriksa web. Anda sebenarnya tidak kehilangan himpunan bagian non-latin Anda.

Perhatikan &? Seharusnya &, jika file font yang dilayani hanya memiliki mesin terbang latin (yaitu parameter subset dalam URL diabaikan kecuali Anda menggunakan & dan BUKAN entitas HTML-nya).

Ini memberitahu saya bahwa Anda telah memeriksa sumber untuk melihat ada ampersand yang lolos, tanpa benar-benar memverifikasi perilaku yang dihasilkan. Ya, itu terjadi ketika Anda menempelkan URL dengan tanda yang keluar dan di bilah alamat. Tetapi tidak ketika Anda memiliki URL yang dikodekan dengan benar dan lolos dalam atribut HTML src atau href.

Anda harus memeriksa http://www.blooberry.com/indexdot/html/topics/urlencoding.htm untuk mengetahui karakter tambahan yang tidak aman dan dilindungi undang-undang. Kedua kelompok harus selalu dikodekan.

Coba ini (juga akan menangani HTTP vs HTTPS):

function wpse_google_webfonts() {
    $protocol = is_ssl() ? 'https' : 'http';
    $query_args = array(
        'family' => 'Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700',
        'subset' => 'latin,latin-ext',
    );

    wp_enqueue_style('google-webfonts',
        add_query_arg($query_args, "$protocol://fonts.googleapis.com/css" ),
        array(), null);
}

add_action( 'wp_enqueue_scripts', 'wpse_google_webfonts' );

Berdasarkan jawaban ini Anda dapat mencoba sesuatu seperti kode yang belum diuji ini :

add_filter( 'clean_url', 'wpse_77227_decode_googlefont_url' );

function wpse_77227_decode_googlefont_url( $url )
{
    $host = parse_url ($url, PHP_URL_HOST );

    if ( 'fonts.googleapis.com' === $host )
        return urldecode( $url );

    return $url;
}

Sebenarnya, sesederhana ini:

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 );

Dan itu akan menghasilkan:

<link rel='stylesheet' id='google-webfonts-css'  href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed|Open+Sans:400italic,700italic,400,700&#038;subset=latin,latin-ext' type='text/css' media='all' />

Itu cukup dekat dengan apa yang saya inginkan (hanya penyesalan yang &menjadi &output). Tetapi kemudian saya menyadari bahwa itu tidak masalah, sungguh, sebagian besar berkat jawaban Andrew Nacin .

Tetapi saya harus berterima kasih kepada semua orang atas upaya mereka.