fonts - texto - ¿Cómo puedo descargar/extraer fuentes de las herramientas de los desarrolladores de Chrome?

fontface ninja

Question

Me he cansado de muchas cosas, pero no lo consigo aunque mi computadora lo tenga.

¿Cómo puedo acceder a estos archivos no ... están en la extensión .woff. Haciendo doble clic en ellos en Chrome Inspector solo lleva a una URL. Lo que no funciona.

Tampoco esta fuente está instalada en mi computadora.

De hecho, esta es la primera vez en mi vida que me he encontrado con el formato woff y el concepto web abierto. Quiero descargar la fuente del sitio web que estoy usando. Sé que puedo descargar las imágenes, ¿por qué no?

Answer 1

Abrir cromo

Haga clic derecho => inspeccionar => navegue a la pestaña de la aplicación

En la sección Marcos , se enumeran todos los recursos (recursos) disponibles de forma estática, como css, JavaScript, fuentes.

Answer 2

Aunque la solución de Marcelo parece estar funcionando bien, es posible que no necesite descargar la fuente en absoluto. Sólo enlace a él de forma remota .

Por ejemplo, la fuente está alojada en example.com , hacer

@font-face {
  font-family: "Font Name";
  font-style: normal;
  src: url(http://example.com/webfonts/font-name.woff);
}

Puede averiguar fácilmente la url directa a la fuente mirando el código css de example.com y ver cómo vincularon el archivo.

Answer 3

Encontré que la opción de Chrome está bien, pero hay unos cuantos pasos para acceder a los archivos de fuentes. Una vez que estás allí, la descarga es muy fácil. Usualmente uso las herramientas dev en Safari ya que hay menos pasos. Simplemente vaya a la página que desea, haga clic en "Mostrar el origen de la página" o "Mostrar recursos de la página" en el menú Desarrollador (ambos funcionan para esto) y los recursos de la página se enumeran en las carpetas en el lado izquierdo. Haga clic en la carpeta de fuentes y las fuentes se enumeran. Haga clic derecho y guardar el archivo. Si está descargando una gran cantidad de archivos de fuentes de un sitio, puede ser más rápido abrirse camino a través de la ruta de Chrome, ya que la "apertura en pestaña" descarga las fuentes más rápidamente. Si está tomando una o dos fuentes de muchos sitios diferentes, Safari será más rápido en general.

Answer 4

Es fácil (solo para Chorme)

1. Haga clic derecho> inspeccionar elemento
2. Vaya a la pestaña ''Recursos'' y busque ''Fuentes'' en las carpetas desplegables
   • La pestaña ''Recursos'' puede llamarse ''Aplicación''
3. Haga clic con el botón derecho en la fuente (en formato .woff )> abra el enlace en una nueva pestaña (esto debería descargar la fuente en formato .woff
4. Encuentre en línea un convertidor de fuente ''Woff to TTf u Otf''
5. Disfruta después de la conversión!

Answer 5

Haga clic derecho, luego "Abrir enlace en una nueva pestaña"

Edición: también puedes hacer doble clic, tiene el mismo efecto.

Answer 6

Para obtener las fuentes .woff, primero abra el panel de herramientas de desarrollo de Chrome ( Ctrl+Shift+i ) vaya a Red y vuelva a cargar la página. Allí podrás ver todo lo que descarga la página. Busque el archivo .woff, haga clic derecho y seleccione Copiar respuesta .

La respuesta será una url, así que pégala en la barra de navegación . Se descargará un archivo, solo agregue la extensión .woff y listo.

Answer 7

Si tiene un sistema operativo unixoid y desea extraer un solo archivo, puede intentar lo siguiente. La estructura de las páginas chrome://cache es URL, encabezado HTTP analizado, volcado hexadecimal del encabezado HTTP y luego volcado hexadecimal de la carga útil.

Para extraer un archivo, copie todas las líneas de carga de una página de caché de Chrome al portapapeles (comenzando en la segunda línea 00000000: ... ), péguelas en un editor de texto y guárdelas como un archivo de texto simple (por ejemplo, file.txt ). Si la carga útil es un archivo WOFF con gzip, use xxd -r file.txt > file.woff.gz para convertirlo de nuevo en un archivo binario y un gunzip file.woff.gz para descompresión.

Luego puede usar woff2otf para convertir archivos WOFF al formato OTF o woff2 para convertir archivos WOFF 2.0 al formato TTF. Para el procesamiento por lotes, este flujo de trabajo, obviamente, debe tener un script.