Google Fonts non funziona in Cina - Come risolverlo

Il motivo per cui utilizziamo le API di Google per servire librerie come jQuery e Web Fonts è che serve rapidamente attraverso le affidabili infrastrutture di Google. È usato quasi ovunque, e così tanto che alcuni utenti potrebbero già avere la cache memorizzata nel loro browser, il che rende le librerie ancora più veloci.

Sfortunatamente, non è il caso in Cina. Il governo cinese ha chiuso l'accesso a molti servizi di Google, tra cui le API di Google nel 2014. Probabilmente il tuo sito Web potrebbe apparire parzialmente danneggiato in Cina perché i caratteri jQuery e Web ospitati su Google non sono accessibili.

In questo post vedremo come aggirare la "Grande Muraglia" digitale della Cina, quindi il nostro sito web può funzionare come se fosse visualizzato al di fuori della Cina. Utilizzeremo una libreria di font alternativa che rispecchia Google Fonts e le librerie, ma prima dovremo mettere in atto alcune misure per identificare gli utenti che provengono dalla Cina.

Identificazione della posizione dell'utente

Per cominciare, dovremo trovare da dove proviene il nostro visitatore e per farlo, useremo questa API WIPMania che consente il recupero della geolocalizzazione di un visitatore, incluso il nome del suo paese:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', function (data) {swal ('You are from', data.address.country);}); 

Usiamo jQuery $.getJSON per chiamare l'API. Passiamo quindi a data.address.country che dovrebbe dirci da dove proviene il visitatore. Ecco una demo.

Fornire fonti di font Web alternative

Quindi, ora che possiamo recuperare la posizione dei nostri visitatori, sostituiremo Google Fonts con le librerie Useso, un servizio CDN che rispecchia i caratteri e le librerie dalle API di Google, per servire i visitatori dalla Cina.

In questa fase, abbiamo ancora i nostri stili di carattere che puntano all'API di Google:

Sostituiremo l' href all'interno dell'elemento link con una funzione JavaScript.

 function replaceGoogleCDN () {$ ('link'). each (function () {var $ intial = $ (this) .attr ('href'), $ replace = $ intial.replace ('// fonts.googleapis.com / ', ' //fonts.useso.com/ '; $ (this) .attr (' href ', $ replace);}); } 

Questa funzione sostituisce ogni collegamento per fare riferimento a //fonts.useso.com/ indicare l'indirizzo dell'API di Google, //fonts.googleapis.com/ .

La funzione verrà eseguita solo quando il visitatore proviene da CN, il prefisso internazionale della Cina.

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', function (data) {if (data.address.country_code == 'CN') {replaceGoogleCDN ();}}); 

Siamo tutti pronti. Ora, i visitatori dalla Cina riceveranno i caratteri tramite //fonts.useso.com/ che non è bloccato dal governo cinese.

15 giochi che conquisteranno il tuo cuore con la sua splendida grafica

Per alcuni di noi un gioco con grafica grezza ma trama o gameplay impressionante è buono nei nostri libri. Per gli altri, la grafica è un aspetto vitale dei giochi, anche se è "solo" un gioco di app per dispositivi mobili. In questo elenco, vedrò giochi scelti con cura che presentano immagini artistiche, gameplay interessanti o storie ipnotizzanti che ispireranno gli artisti a creare più opere d'arte.Alcu

(Consigli tecnici e di design)

App di messaggistica Face-off: Google Allo vs. Messenger vs Skype

Internet of Things sta cambiando le nostre vite con miliardi di dispositivi intelligenti connessi a Internet. I prodotti e le app si stanno trasformando in robot intelligenti più intelligenti, sempre connessi e autoapprendimento basati su piattaforme di intelligenza artificiale .Le app di messaggistica e comunicazione non sono diverse: ora utilizzano la tecnologia di intelligenza artificiale per capire meglio i loro utenti e fornire servizi più intelligenti .

(Consigli tecnici e di design)