Cómo sacar la fuente de una página web
Algunas personas pueden querer saber cómo se obtiene la fuente de una web para ver cómo se codificó y cuales son los elementos y estilos que se aplicaron. Esto es muy útil cuando se trata de investigar en la web o crear contenido propio. En este post, vamos a cubrir cinco diferentes formas de saber cual es la fuente de una página web.
1. Usar el inspeccionar de elementos de Chrome
Esta es la forma más sencilla de identificar la fuente de una página web. Sigue los siguientes pasos para empezar:
- Abra la página web que está investigando con Chrome.
- Haga clic derecho en un elemento de la página que desee
inspeccionar y seleccione «Inspeccionar». Alternativamente, puede presionar
«Ctrl + Shift + I» en Windows. ( Si usa Mac, es «Command + Option + I» ). - Revise la «Fuente». Haz clic en el botón de la izquierda
hasta que veas la fuente en el panel derecho. En la parte superior izquierda, hay
un botón para navegar entre los diferentes documentos fuente. Esto te dará
una idea de cómo se ha construido la página web en cuestión.
2. Usa un complemento de fuente
Si la fuente está almacenada en el lado del servidor, una herramienta de
fuente de complemento como WhatFont o WhatTheFont es la forma más fácil
de descubrirlo.
- Instala el complemento. En Chrome, dirígete a la página
de extensiones, busca un complemento de fuente y haz clic en «Agregar
a Chrome». - Usa el complemento para buscar la fuente en la página
web. Una vez que hayas instalado el complemento, te dará la opción de seleccionar
el elemento que deseas descubrir y te mostrará la fuente y otras
propiedades en un pequeño cuadro emergente.
3. Usa la herramienta de fuentes de Firefox
Firefox también tiene un maravilloso complemento de Fuente. El proceso de
instalación es el mismo que para el complemento de Chrome. Una vez que lo
hayas instalado, puedes usarlo para descubrir la fuente de una página web.
- Instala el complemento. En Firefox, dirígete a la página
de complementos, busca el complemento de fuente y haz clic en «Instalar». - Usa el complemento. Una vez que hayas instalado el
complemento, te dará la opción de seleccionar el elemento que deseas descubrir.
Verás la fuente y otras propiedades en un pequeño cuadro
emergente.
4. Usa la función de fuentes de Safari
En Safari, si presionas y sostienes en un elemento en la página web que
deseas investigar, verás un menú que te da la opción de inspeccionar los elementos.
En la ventana de inspección, haga clic en el botón de «Fuente» en la parte superior.
Esto mostrará la fuente utilizada en ese elemento.
5. Usa una herramienta de análisis de fuentes
Por último, también hay herramientas en línea avanzadas como Fount que te permiten descubrir la fuente de la página web. Esta herramienta funciona de manera muy similar a la herramienta de inspección de elementos de Chrome. La única diferencia es que necesitas copiar y pegar el enlace de la página web que estás investigando en la barra de dirección.
Esperamos que esta guía te haya ayudado a descubrir la fuente de una página web. Si tienes alguna pregunta, no dudes en dejarla en los comentarios.
Cómo Sacar La Fuente De Una Página Web
Paso 1: Instalar una extensión del navegador
Para extraer la fuente de una página web hay que instalar primero una extensión específica para el navegador que estás utilizando. Aquí tienes algunas de las extensiones más comunes:
- Google Chrome – Declarative Net Request
- Mozilla Firefox – View Source Tab
- Safari – Web Inspector for Safari
- Opera – View-Source
Paso 2: Abre la fuente de la página web
Una vez la extensión esté instalada hay que abrir la fuente de la página web. El método para abrirla depende del navegador que estés usando. A continuación te mostramos los pasos para cada navegador:
- Google Chrome – Haz clic derecho en la página que quieres ver y selecciona «Ver código fuente de la página»
- Mozilla Firefox – Ve a la barra de direcciones y escribe “view-source:” seguido de la dirección web de la página
- Safari – Abre el menú de desarrollo y selecciona «Mostrar código fuente HTML»
- Opera – Haz clic derecho en la página y selecciona «Ver código fuente»
Paso 3: Explora el código fuente
En este punto, ya tendrás la fuente de la página web abierta. Ahora tienes que explorar el código para encontrar el código fuente relevante. Esto puede ser un poco complicado, así que es recomendable usar algún navegador de código como Notepad++ para facilitar la ubicación de los elementos deseados.
Paso 4: Copia el código fuente necesario
Una vez localizado el código fuente de la página web que deseas ver, sólo tienes que copiar el código y pegarlo en un editor de texto para ver el código en detalle.
Esperamos que esta guía te haya ayudado a encontrar la fuente de una página web.