css - para - ¿Cómo puedo descargar archivos WOFF de Google Fonts?

fuentes personalizadas css

Question

Google Fonts parece solo ofrecer fuentes en WOFF2.

Si bien esto funciona bien con Chrome, WOFF2 no parece ser compatible con muchos otros navegadores

¿Hay alguna manera de enlazar directamente a las fuentes de Google alojadas en su CDN en un formato que no sea WOFF2?

Answer 1

Cuando abro la siguiente URL en Chrome, obtengo un enlace a la fuente en formato woff2 . Cuando uso Firefox, está en formato woff y en un dispositivo Android con una pre-4.4, está en formato ttf .

http://fonts.googleapis.com/css?family=Open+Sans

Por lo tanto, parece que Google entrega fuentes en un formato apropiado para el usuario-agente solicitante.

Answer 2

Desafortunadamente, Google no ofrece una manera fácil de descargar fuentes directamente. Puede navegar por el repositorio raw git para buscar el archivo que desea.

Sin embargo, ¡no establezca un enlace a las fuentes alojadas de GitHub en su CSS! GitHub sirve los archivos con el tipo de mime equivocado, lo que causa problemas en algunos navegadores.

Si bien no existe una CDN convencional para todos los formatos, puede usar http://google-webfonts-helper.herokuapp.com para descargar los archivos de fuentes y alojarlos usted mismo.

Answer 3

Otra opción es usar el siguiente paquete ( gulp ): gulp-google-webfonts .

Una vez instalado, toma instantes instalar las fuentes y crear los css correspondientes.

Tenga en cuenta que al instalar una fuente de Google con espacios en blanco en el nombre, (no se le escapa), hágalo con el signo más de la siguiente manera:

fonts.list

Cabin+Sketch:400

Answer 4

Puede usar everythingfonts.com para convertir el archivo ttf a un archivo woff .