Enfileirar fontes da Web do Google sem bagunçar símbolos no URL

Enfileirando o Google Web Fonts da maneira usual, ou seja, usando a wp_enqueue_stylefunção da seguinte maneira ...

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

... resulta em uma linktag colocada no cabeçalho da seguinte forma:

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

Como você pode ver, o URL resultante é codificado .

Tenho certeza de que não apresenta problemas, mas para manter as coisas limpas e claras, gostaria de ir em frente e perguntar - Existe uma maneira de enfileirar o Google Web Fonts (via functions.phpe não um plug-in) de maneira que a URL seja impressa não está codificado?

É assim:

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

Razão da Recompensa

A resposta da @ webaware é quase perfeita, especialmente porque é semelhante ao método empregado na colocação da fonte da Web do Google 'Open Sans' no tema Twenty Twelve .

O único problema na saída é que é assim:

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

Observe o &? Deveria ser &, caso contrário, os arquivos de fonte servidos têm apenas os latinglifos (ou seja, o subsetparâmetro na URL é negligenciado, a menos que você use &e NÃO sua entidade HTML).

Qualquer pessoa que possa ajudar a modificar a resposta do @ webaware para que a saída fique assim ...

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

... ganha a recompensa.

WordPress sabe o que está fazendo aqui. Honesto.

Ao renderizar um e comercial em HTML, você sempre deve usar &or &. O navegador então o converte &antes de realmente disparar a solicitação HTTP. Veja você mesmo inspecionando as chamadas de rede em uma ferramenta de inspeção da web. Na verdade, você não está perdendo seus subconjuntos não-latinos.

Observe o &? Deve ser &, caso contrário, os arquivos de fonte servidos têm apenas os glifos em latim (ou seja, o parâmetro do subconjunto na URL é negligenciado, a menos que você use & e NÃO sua entidade HTML).

Isso indica que você inspecionou a fonte para verificar se existe um e comercial em fuga, sem realmente verificar o comportamento resultante. Sim, isso ocorre quando você cola um URL com um e comercial escapado em uma barra de endereço. Mas não quando você tiver um URL codificado e escapado corretamente em um atributo HTML src ou href.

Você deve procurar em http://www.blooberry.com/indexdot/html/topics/urlencoding.htm quanto a caracteres adicionais não seguros e reservados. Ambos os grupos devem sempre ser codificados.

Tente isso (também manipulará 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' );

Com base nesta resposta, você pode tentar algo como este código não testado :

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

Na verdade, é tão simples quanto isto:

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

E isso deve gerar:

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

Isso é muito parecido com o que eu queria (só lamento é que &se torna &na saída). Mas então percebi que isso não importa, em grande parte, graças à resposta de Andrew Nacin .

Mas devo agradecer a todos por seus esforços.