Questo documento fornisce alcune informazioni tecniche su ciò che accade dietro le quinte quando richiedi un carattere web con l'API Google Fonts.
Questo documento fornisce inoltre informazioni sul comportamento specifico del browser.
Se vuoi utilizzare l'API Fonts, non è necessario leggere questa pagina. Tuttavia, leggere questa pagina può aiutarti a migliorare le prestazioni di caricamento della pagina.
Che cos'è l'API di Google Fonts?
Quando un browser invia una richiesta di un foglio di stile dell'API Fonts (come specificato nel tag <link> della tua pagina web), l'API Fonts pubblica un foglio di stile generato per lo user agent specifico che effettua la richiesta.
Una richiesta di Inconsolata da Firefox, ad esempio, 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 proveniente da Internet Explorer, invece, restituisce:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Dopo aver scaricato il file CSS, il browser scarica il carattere nel formato appropriato.
Comportamento specifico del browser
Questa sezione descrive il comportamento predefinito di ciascun browser con i caratteri web. Tieni presente che puoi controllare questi comportamenti utilizzando il strumento di caricamento dei caratteri web.
Per un elenco dei browser supportati, consulta le Domande frequenti.
Google Chrome
Chrome visualizza il resto della pagina, ma finché non viene caricato il carattere, 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 lo visualizza una volta caricato. Questo comportamento è noto come "quoziente di testo senza stile".
Apple Safari
Safari visualizza il resto della pagina, ma finché non viene caricato il carattere, viene visualizzato uno spazio vuoto al posto del testo che utilizza il carattere.
Microsoft Internet Explorer
Internet Explorer visualizza il resto della pagina, ma finché non viene caricato il carattere, 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 al posizionamento e all'esistenza di vari elementi. Se vuoi fornire un comportamento coerente in tutti i browser, utilizza il strumento di caricamento dei caratteri web. Ad esempio, puoi scegliere di impostare tutti i browser come Firefox.