de.hideout-lastation.com
Paradies Für Designer Und Entwickler


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.

10 Tipps, um Ihre freiberuflichen Kunden professionell zu berechnen

10 Tipps, um Ihre freiberuflichen Kunden professionell zu berechnen

Let's face it, während der Empfang von Geld kann sehr süchtig machen, ist Fakturierung ein totaler Albtraum für Freiberufler, vor allem Designer mit künstlerischem Talent. Die Wahrheit über das freiberufliche Geschäft ist jedoch, dass Sie nicht nur Ihre Designfähigkeiten brauchen, um erfolgreich zu sein, sondern auch eine sorgfältige und vernünftige Verwaltung der Rechnungsstellung, damit Ihr Geschäft ohne Probleme von der finanziellen Seite oder Frustration seitens der Kunden reibungslos abläuft .Wir reden

(Tech- und Design-Tipps)

5 besten 360 ° Kameras für die Erstellung von Virtual Reality Videos

5 besten 360 ° Kameras für die Erstellung von Virtual Reality Videos

Eines der futuristischen Dinge, die auf der ganzen Welt unglaublich populär werden, sind die Virtual Reality (VR) Videos. Falls Sie unter einem Stein gelebt haben, ist ein VR-Video eine Art Video, das Ihnen eine visuelle Erfahrung in der ersten Person vermittelt und Ihnen den Eindruck vermittelt, dass Sie tatsächlich vor Ort sind.E

(Tech- und Design-Tipps)