es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Google Fonts no funciona en China - Cómo solucionarlo

La razón por la que estamos usando la API de Google para servir bibliotecas como jQuery y Web Fonts es que funciona rápido a través de las infraestructuras confiables de Google. Se usa en casi todas partes, y tanto que algunos usuarios ya pueden tener el caché almacenado en su navegador, lo que hace que las bibliotecas se carguen aún más rápido.

Desafortunadamente, ese no es el caso en China. El gobierno de China cerró el acceso a muchos de los servicios de Google, incluida la API de Google en 2014. Es probable que su sitio web aparezca parcialmente roto en China porque las fuentes jQuery y web alojadas en Google son inaccesibles.

En esta publicación, vamos a ver cómo pasar por alto la Gran Muralla "digital" de China, para que nuestro sitio web funcione como se ve fuera de China. Utilizaremos una biblioteca de fuentes alternativa que refleje las fuentes y bibliotecas de Google, pero primero necesitaremos tomar algunas medidas para identificar a los usuarios que provienen de China.

Identificación de la ubicación del usuario

Para empezar, necesitaremos encontrar de dónde es nuestro visitante y para hacerlo, utilizaremos esta API de WIPMania que permite la recuperación de la geolocalización de un visitante, incluido el nombre de su país:

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

Usamos jQuery $.getJSON para llamar a la API. Luego pasamos data.address.country que debe indicarnos de dónde es el visitante. Aquí hay una demostración.

Proporcionar fuente de fuente web alternativa

Ahora que podemos recuperar la ubicación de nuestros visitantes, vamos a reemplazar las fuentes de Google con las bibliotecas de Useso, un servicio de CDN que refleja las fuentes y las bibliotecas de la API de Google, para servir a los visitantes de China.

En esta etapa, todavía tenemos nuestros estilos de fuente apuntando a la API de Google:

Reemplazaremos el href dentro del elemento de link con una función de JavaScript.

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

Esta función reemplaza cada enlace para hacer referencia a //fonts.useso.com/ en lugar de señalar a la dirección API de Google, //fonts.googleapis.com/ .

La función se ejecutará solo cuando el visitante sea de CN, el código de país internacional de China.

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

Estamos todos listos. Ahora, los visitantes de China recibirán fuentes a través de //fonts.useso.com/ que no está bloqueado por el gobierno chino.

Fotografía de bodas: 20 mejores fotógrafos y sus obras maestras

Fotografía de bodas: 20 mejores fotógrafos y sus obras maestras

Al igual que las fotos de los recién nacidos o las fotos de padre e hija, la fotografía de bodas captura uno de los momentos más emotivos y memorables de la vida. Y eso es lo que los hace intemporales e invaluables al mismo tiempo.A pesar de que hay tantas cámaras avanzadas y herramientas de edición de fotos disponibles y cualquiera puede aprender fotografía en línea, sin embargo, un retrato de bodas perfecto solo puede ser creado por un fotógrafo verdaderamente talentoso y experto .Entonce

(Consejos de tecnología y diseño)

6 formas de acceder al menú de opciones de inicio de Windows 10

6 formas de acceder al menú de opciones de inicio de Windows 10

Windows 10 ofrece muchas funciones interesantes, y las opciones de arranque avanzadas para solucionar muchos de los problemas de Windows 10, es una de ellas. Puede restablecer su PC, restaurarla a un estado anterior, iniciar en un sistema operativo diferente, usar "Reparación de inicio" para solucionar problemas de arranque e iniciar Windows 10 en modo seguro para solucionar problemas.

(Consejos de tecnología y diseño)