Cómo descargar una fuente de un sitio web usando herramientas de desarrollo en Chrome o Edge

Articulos tematica Microsoft

Tanto Chrome como Edge vienen con herramientas de creación y desarrollo web integradas que se utilizan para inspeccionar sitios web directamente en el navegador.

Puede hacer muchas cosas con las herramientas de desarrollo. Por ejemplo, le permite identificar fuentes en un sitio web , buscar dentro del archivo de origen, usar un embellecedor incorporado, emular sensores y ubicación geográfica, y más.

Ahora, también puede descargar fuentes de un sitio web mediante las Herramientas para desarrolladores . Para descargar una fuente de un sitio web, deberá pasar por algunas opciones y probar un truco. Veamos el procedimiento en detalle.

Descargar una fuente de un sitio web con las herramientas para desarrolladores de Chrome

En esta publicación, le mostraremos los pasos para descargar una fuente de un sitio web en Google Chrome. Puede seguir los mismos pasos para descargar una fuente de sitio web en su navegador Microsoft Edge. Estos son los pasos para hacerlo:

  • Inicie Google Chrome.
  • Vaya al sitio web desde donde desea descargar las fuentes.
  • Abra las herramientas de desarrollo.
  • Vaya a la pestaña Red.
  • Haga clic en la opción Fuente y seleccione una fuente para descargar.
  • Descarga el archivo de fuentes.
  • Cambie el nombre del archivo descargado con la extensión del archivo de fuente.

En primer lugar, abra Google Chrome y vaya al sitio web desde donde necesita descargar una fuente. A continuación, vaya al menú de tres barras y haga clic en la opción Más herramientas> Herramientas de desarrollo . Alternativamente, también puede presionar la combinación de teclas Ctrl + Shift + I para abrir rápidamente el panel Herramientas para desarrolladores.

Ahora, en la sección Herramientas para desarrolladores abierta, haga clic en el botón de flecha doble y luego seleccione y abra la pestaña Red en la barra de menú superior. Después de eso, vuelva a cargar el sitio web en el que se encuentra.

A continuación, haga clic en la categoría Fuente y verá una lista de las fuentes incrustadas con los respectivos nombres de fuente presentes en el sitio web. Puede seleccionar una fuente de la lista y verá su vista previa en el panel dedicado

Ahora, ¿cómo identificar el formato de fuente? Bueno, simplemente pase el mouse sobre la fuente y vea la extensión del archivo al final

Después de eso, simplemente haga clic con el botón derecho en la fuente y luego, desde el menú contextual, haga clic en la opción Copiar> Copiar respuesta .

A continuación, agregue una nueva pestaña en su navegador Chrome y pegue la respuesta copiada en la barra de direcciones en la pestaña y luego presione el botón Enter. Mientras lo hace, se descargará un archivo.

Ahora, vaya a su carpeta de Descargas donde se descarga el archivo de fuente anterior. Ahora tiene que cambiar el nombre de este archivo con la extensión de archivo de fuente. Para eso, primero, vaya a la pestaña Ver en el Explorador de archivos y luego asegúrese de habilitar la opción Extensiones de nombre de archivo . Ahora, seleccione el archivo de fuente descargado y haga clic en la opción Cambiar nombre . Agregue la extensión de archivo de fuente identificada (por ejemplo, .woff2 ) y presione el botón Enter.

Voila, así es como se descarga un archivo de fuente de un sitio web.

Dado que Microsoft Edge ahora se basa en Chromium , como Chrome, puede descargar un archivo de fuente en el navegador Edge siguiendo los mismos pasos que el anterior.

Espero que este artículo te haya ayudado a aprender a descargar fuentes desde un sitio web en el navegador Chrome o Edge usando las herramientas para desarrolladores.

Semrush sigue a tu competencia

Fecha actualización el 2021-06-21. Fecha publicación el 2021-06-21. Categoria: herramientas Autor: Oscar olg Mapa del sitio Fuente: thewindowsclub