2013-08-29 16 views
6

Sto utilizzando tre tipi di carattere Google in un progetto, in cui i primi due sono per intestazioni e testo normale e il terzo è solo per il menu. Quindi, nel menu, uso solo un set di lettere, tutte maiuscole. Quando importo i caratteri di Google "css" Posso ridurre le dimensioni del terzo tipo di carattere del 85% se solo io chiamo le lettere di cui ho bisogno, utilizzando il "testo" variabile nel URL:Uso selettivo della variabile "testo" nei caratteri di google chiamate

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 

Questo è grande , ma quando aggiungo gli altri font a questo URL (per salvare le chiamate), la variabile "text" ha effetto su tutti i font nell'URL. Quindi, la soluzione è quella di consumare un'altra chiamata e chiedere i font a parte, in questo modo:

@import url(http://fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT); 
@import url(http://fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300); 

Ora, quello che mi piacerebbe fare, è quello di recuperare tutti i tipi di carattere in una chiamata, ma solo un set di caratteri per un font specifico. In altre parole, combina le chiamate precedenti in una. Leggendo l'API di Google Font, presumo che non sia possibile, ma comunque, sto chiedendo se qualcuno sa di una soluzione per questo.

Grazie in anticipo!

risposta

2

Non c'è ancora modo di farlo. Forse perché le richieste ottimizzate di caratteri sono ancora in beta.

Quello che consiglio è di utilizzare le richieste nel <head> invece di utilizzare all'interno di CSS con @import. Dal punto di vista della velocità della pagina, non dovrebbe quasi mai essere utilizzato @import da un file CSS, poiché può impedire il download simultaneo dei fogli di stile. Se entrambi i fogli di stile sono referenziati negli elementi <link> nella pagina HTML principale, entrambi possono essere scaricati allo stesso tempo.

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Happy+Monkey&text=HOMECONTACT"> 
<link rel="stylesheet" href="//fonts.googleapis.com/css?Marcellus+SC|Open+Sans+Condensed:300"> 

Anche con un altro richiesta, la pagina si caricherà più velocemente che con @import.

0

Mentre al momento siamo limitati a più richieste, un addetto al servizio può memorizzare nella cache entrambe le risposte in modo che vengano risolte istantaneamente nei successivi carichi di pagina.

Problemi correlati