Google Schriftarten funktionieren nicht in China - Wie man es repariert

Der Grund dafür, dass wir Google API für die Bereitstellung von Bibliotheken wie jQuery und Web Fonts verwenden, besteht darin, dass sie schnell über die zuverlässigen Google-Infrastrukturen bereitgestellt werden. Es wird fast überall verwendet und so, dass einige Benutzer den Cache bereits in ihrem Browser gespeichert haben, wodurch die Bibliotheken noch schneller geladen werden.

Leider ist das in China nicht der Fall. Die chinesische Regierung hat den Zugang zu vielen Google-Diensten, einschließlich Google API, im Jahr 2014 gesperrt. Es besteht die Möglichkeit, dass Ihre Website in China teilweise unleserlich erscheint, da auf die in Google gehosteten jQuery- und Web-Schriftarten nicht zugegriffen werden kann.

In diesem Beitrag werden wir sehen, wie man Chinas "digitale" Chinesische Mauer umgehen kann, so dass unsere Website so laufen kann, wie sie außerhalb von China betrachtet wird. Wir werden eine alternative Schriftbibliothek verwenden, die Google Fonts und Bibliotheken widerspiegelt, aber zuerst müssen wir einige Maßnahmen ergreifen, um Nutzer zu identifizieren, die aus China stammen.

Identifizieren des Benutzerstandorts

Zu Beginn müssen wir herausfinden, woher unser Besucher kommt und wir werden diese WIPMania-API verwenden, die das Abrufen der Geolokation eines Besuchers einschließlich seines Landesnamens ermöglicht:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', Funktion (Daten) {swal ('Du bist von', data.address.country);}); 

Wir verwenden jQuery $.getJSON, um die API aufzurufen. Wir übergeben dann data.address.country das uns sagen soll, woher der Besucher kommt. Hier ist eine Demo.

Alternative Web-Font-Quelle bereitstellen

Nun, da wir unseren Besucherstandort abrufen können, ersetzen wir Google Fonts durch Useso-Bibliotheken, einen CDN-Dienst, der Fonts und Bibliotheken von Google API spiegelt, um Besucher aus China zu bedienen.

In diesem Stadium verweisen unsere Schriftstile immer noch auf Google API:

Wir ersetzen die href innerhalb des link Elements durch eine JavaScript-Funktion.

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

Diese Funktion ersetzt alle Links, die sich auf //fonts.useso.com/ beziehen, //fonts.useso.com/ auf die Google API-Adresse //fonts.googleapis.com/ .

Die Funktion wird nur ausgeführt, wenn der Besucher von CN, Chinas internationalem Ländercode, kommt.

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

Wir sind alle da. Jetzt werden Besucher aus China Schriften über //fonts.useso.com/ die nicht von der chinesischen Regierung blockiert werden.

30 besten Free Screen Capture Tools und Plugins

Es ist nicht zu leugnen, dass Screenshots die beste Möglichkeit sind, die Aktivität Ihres Computers aufzuzeichnen oder einen Leitfaden zu erstellen, entweder für sich selbst oder für andere. Was jedoch die meisten Benutzer stört, ist das Tool, mit dem Sie schnell und qualitativ hochwertige Screenshots erstellen können .Nun,

(Tech- und Design-Tipps)

100 kostenlose nützliche portable Anwendungen, die Sie kennen sollten

Portable Apps sind eine Software, die im Gegensatz zu normalen ausführbaren Apps keine Installation erfordert. Sie können sich jedoch im Gegensatz zu gezippten Apps an Ihren Verlauf und Ihre Konfigurationsoptionen erinnern. In diesem Beitrag stellen wir Ihnen die 100 wichtigsten tragbaren Apps vor, die Sie in einem USB-Stick oder auf dem Telefonspeicher oder auf der SD-Karte speichern können.Mi

(Tech- und Design-Tipps)