Οι γραμματοσειρές Google δεν λειτουργούν στην Κίνα - Πώς να το διορθώσετε

Ο λόγος που χρησιμοποιούμε το Google API για την εξυπηρέτηση βιβλιοθηκών όπως η jQuery και οι γραμματοσειρές Web είναι ότι εξυπηρετεί γρήγορα μέσω αξιόπιστων υποδομών της Google. Χρησιμοποιείται σχεδόν παντού και τόσο πολύ που κάποιοι χρήστες ενδέχεται να έχουν ήδη αποθηκεύσει την προσωρινή μνήμη στο πρόγραμμα περιήγησής τους, γεγονός που καθιστά τις βιβλιοθήκες φορτωμένες ακόμη και γρηγορότερα.

Δυστυχώς, αυτό δεν συμβαίνει στην Κίνα. Η κυβέρνηση της Κίνας έκλεισε την πρόσβαση σε πολλές υπηρεσίες της Google, συμπεριλαμβανομένου του Google API το 2014. Οι πιθανότητες είναι ότι ο ιστότοπός σας μπορεί εμφανίζονται εν μέρει σπασμένα στην Κίνα, επειδή οι jQuery και οι γραμματοσειρές web που φιλοξενούνται στο Google είναι απροσπέλαστες.

Σε αυτήν την ανάρτηση, θα δούμε πώς να παρακάμψουμε το "ψηφιακό" Σινικό Τείχος της Κίνας, έτσι ώστε ο ιστότοπός μας να μπορεί να τρέξει όπως και να βλέπει κανείς έξω από την Κίνα. Θα χρησιμοποιήσουμε μια εναλλακτική βιβλιοθήκη γραμματοσειρών που θα αντικατοπτρίζει τις Γραμματοσειρές και τις βιβλιοθήκες της Google, αλλά πρώτα θα χρειαστεί να θέσουμε ορισμένα μέτρα για να εντοπίσουμε χρήστες που προέρχονται από την Κίνα.

Εντοπισμός τοποθεσίας χρήστη

Αρχικά, θα χρειαστεί να βρούμε από πού βρίσκεται ο επισκέπτης μας και θα το χρησιμοποιήσουμε, θα χρησιμοποιήσουμε αυτό το API WIPMania που επιτρέπει την ανάκτηση της γεωγραφικής θέσης ενός επισκέπτη, συμπεριλαμβανομένου του ονόματος της χώρας του:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', λειτουργία (δεδομένα) swal ('Είσαι από', data.address.country);); 

Χρησιμοποιούμε το jQuery $ .getJSON για να καλέσετε το API. Στη συνέχεια περάσαμε data.address.countryπου πρέπει να μας πει πού βρίσκεται ο επισκέπτης. Εδώ είναι ένα demo.

Παροχή εναλλακτικής πηγής γραμματοσειράς Web

Έτσι τώρα που μπορούμε να ανακτήσουμε τη θέση των επισκεπτών μας, πρόκειται να αντικαταστήσουμε τις Γραμματοσειρές Google με τις βιβλιοθήκες Useso, μια υπηρεσία CDN που αντικατοπτρίζει τις γραμματοσειρές και τις βιβλιοθήκες από το Google API, για να εξυπηρετεί επισκέπτες από την Κίνα.

Σε αυτό το στάδιο, εξακολουθούμε να έχουμε τα στυλ γραμματοσειράς που δείχνουν στο Google API:

Θα αντικαταστήσουμε το href μέσα στο Σύνδεσμος στοιχείο με λειτουργία JavaScript.

 ($) ($) ($) ($) ($) ($) ($) ($) / ',' //fonts.useso.com/ '); $ (αυτό) .attr (' href ', $ replace);));  

Αυτή η λειτουργία αντικαθιστά κάθε σύνδεσμο για την αναφορά //fonts.useso.com/ αντί να δείξει τη διεύθυνση API Google, //fonts.googleapis.com/.

Η λειτουργία θα εκτελεστεί μόνο όταν ο επισκέπτης είναι από CN, Διεθνή κωδικό χώρας της Κίνας.

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', συνάρτηση (δεδομένα) αν (data.address.country_code == 'CN') replaceGoogleCDN ();); 

Είμαστε όλοι έτοιμοι. Τώρα, οι επισκέπτες από την Κίνα θα εξυπηρετηθούν μέσω γραμματοσειρών //fonts.useso.com/ η οποία δεν εμποδίζεται από την κινεζική κυβέρνηση.