Después de de una prolongada recopilación de información hemos podido resolver este inconveniente que presentan muchos de nuestros lectores. Te ofrecemos la respuesta y nuestro objetivo es serte de mucha ayuda.
Solución:
Desafortunadamente, Google no ofrece una manera fácil de descargar fuentes directamente. Puede explorar el repositorio de git para buscar el archivo que desea, aunque solo hay archivos TTF disponibles en GitHub.
Además, ¡no enlace directamente a las fuentes alojadas en GitHub en su CSS! GitHub sirve los archivos con el tipo MIME incorrecto, lo que provoca problemas en algunos navegadores.
Si bien no existe una CDN estándar para todos los formatos, puede usar http://google-webfonts-helper.herokuapp.com para descargar los archivos de fuentes y alojarlos.
Cuando abro la siguiente URL en Chrome, obtengo un enlace a la fuente en woff2 formato. Cuando uso Firefox, está en woff y en un dispositivo Android con una versión anterior a 4.4, está en ttf formato.
http://fonts.googleapis.com/css?family=Open+Sans
Entonces parece que Google entrega fuentes en un formato apropiado para el agente de usuario solicitante.
Otra opción es usar el siguiente paquete gulp (nodo): gulp-google-webfonts.
Una vez instalado, toma unos minutos instalar las fuentes y crear el css correspondiente.
Tenga en cuenta que al instalar una fuente de Google con espacios en blanco en el nombre (no se le escapa), haga referencia a ella con el signo más de la siguiente manera:
fuentes.lista
Cabin+Sketch:400