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.

Einfügen interaktiver Filter in Videos und Fotos mit Spotliter [iOS]

Mit Apps wie Instagram können Sie Ebenen zu Ihren Fotos hinzufügen. Diese Art von Apps ist aufgrund der Fotofilterfunktion sehr beliebt und ermöglicht es Benutzern, Fotos zu erstellen, die eine bestimmte Art von Aussehen aufweisen. Einige Entwickler haben das gleiche mit Video versucht, wo ein Filter hinzugefügt wird, um verschiedene Farbeffekte zu erzielen .Spo

(Tech- und Design-Tipps)

20 Nützliche Tools & Web Services Freelance Writer Brauchen

Als freier Schriftsteller ist eine der am schnellsten wachsenden Karrieren in der Schreibindustrie. Die Karriere verdankt diese Popularität ihren vielen Vorteilen wie; Kein regelmäßiger Büroalltag, kein tägliches Pendeln und die Freiheit, von jedem Winkel der Welt aus zu arbeiten .Wenn Sie jedoch einen Blick in die Welt des freiberuflichen Schreibens werfen, werden Sie sehen, dass Sie als freiberuflicher Autor viele Hüte tragen müssen . Man m

(Tech- und Design-Tipps)