Questo documento fornisce alcune informazioni tecniche su cosa sta succedendo in cui richiedi un font web con l'API Google Fonts.
Questo documento fornisce anche informazioni sul comportamento specifico del browser.
Se vuoi solo utilizzare l'API Fonts, non devi leggere questa pagina. Tuttavia, la lettura di questa pagina può aiutarti a migliorare le prestazioni di caricamento delle pagine.
Che cosa fornisce l'API Google Fonts?
Quando un browser invia una richiesta per un foglio di stile dell'API Fonts (come specificato in
<link> nella tua pagina web), l'API Fonts pubblica un foglio di stile generato per
lo user agent specifico che effettua la richiesta.
Ad esempio, una richiesta per Inconsolata da Firefox restituisce il seguente CSS:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
Una richiesta da Internet Explorer, invece, restituisce:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Una volta scaricato il file CSS, il browser scarica il carattere nel file per il browser.
Comportamento specifico del browser
In questa sezione viene descritto il comportamento predefinito di ciascun browser con i caratteri web. Tieni presente che puoi controllare questi comportamenti utilizzando Caricatore caratteri web.
Per un elenco dei browser supportati, consulta Domande frequenti.
Google Chrome
Chrome esegue il rendering del resto della pagina, ma finché il carattere non viene caricato viene visualizzato uno spazio vuoto al posto del testo che utilizza il carattere.
Mozilla Firefox
Firefox visualizza prima il testo nel carattere predefinito e poi visualizza di nuovo il testo in il carattere una volta caricato. Questo comportamento è noto come "lampo di senza stile testo".
Apple Safari
Safari esegue il rendering del resto della pagina, ma finché il carattere non viene caricato viene visualizzato uno spazio vuoto al posto del testo che utilizza il carattere.
Microsoft Internet Explorer
Internet Explorer esegue il rendering del resto della pagina, ma finché il carattere non è stato caricato, viene visualizzato uno spazio vuoto al posto del testo che utilizza il carattere.
Più in generale, il comportamento di Internet Explorer può variare in base alla posizione e l'esistenza di vari elementi. Se vuoi fornire un comportamento coerente su tutti i browser, utilizza il Caricatore caratteri web. Per Ad esempio, puoi scegliere imposta il comportamento di tutti i browser come Firefox.