¿Cómo buscar la tipografía usada en una página Web que te gustó?

16 May

Aprende a leer códigos HTML  y CSS para investigar la tipografía usada en una pagina Web que te gustó

Muchas veces  al navegar por internet(www) encuentras que te encanta el diseño web, diagramación o una tipografía  interesante en una pagina web(www) que visitaste, deseas saber como se llama para buscarla y poder utilizarla en tu sitio sin embargo no entiendes cómo. En el próximo capítulo te presentaremos los pasos para lograrlo. Es muy sencillo, gracias a que podrias ver el codigo fuente desde tu navegador. No debes ser un maestro para lograrlo solo debes tener conocimientos básicos de como leer codigo HTML y CSS con el fin de darle una vistazo y usar la fuente que te gustó en tu sitio web. Sigue los siguientes pasos para alcanzar tus objetivos:

typography-725149_1920

Paso 1

Ve a la pagina web(www) con la fuente que te gustó y resalte una linea del texto en la pagina con esa fuente. Pulse la tecla “Ctrl-C” para copiar la linea de texto.

Paso 2

Haga click en la pagina Web y haga click en la alternativa “Ver codigo fuente” o “Inspeccionar” en el menú contextual. El codigo HTML de la pagina se abre en una ventana de diálogo.

Paso 3

Pulse la tecla “Ctrl-F” para abrir el cuadro de diálogo Buscar, haga click en la tecla “Ctrl-V” para pegar la linea de texto en el cuadro, a continuación, pulse “Enter” para ir a la sección de codigo que incluye información sobre el tipo de letra.

Paso 4

Desplazarse hacia arriba desde esa linea de texto hasta que vea una etiqueta <font>, que incluye el nombre de la fuente utilizada en el texto. Debe tener un aspecto parecido al siguiente: <font face = “Calibri”> Si no hay ninguna etiqueta <font> al origen del texto, mira en lugar de una etiqueta HTML, como <p> o <div>, con una atributo “class”. Por ejemplo: <p class = “estilo de texto”> o <div class = “textformat”>

Paso 5

Ir a la parte superior del codigo fuente y haga click en el enlace a la hoja de estilo CSS, que se localiza dentro de la abertura <head>. Es parecido a la siguiente: <link rel = “stylesheet” type = “text / css” href = “style.css” />

Paso 6

Desplazarse por el codigo CSS para el codigo de clase que coincide con el nombre de la clase que pueda encontrar. Por ejemplo: p.textstyle {font-family: trebuchet ms “”; } O div.textformat {font-family: “Georgia”; } El nombre de fuente para el texto en cuestión esta contenida en las citas siguientes el atributo “font-family”.

¡Listo! Ahora podrias saber qué tipo de fuente maneja tu sitio web(www) preferido y has practicado un poco mas sobre códigos HTML y CSS.

La entrada ¿Cómo investigar la tipografía usada en una pagina Web que te gustó? muestra 1° en Force Hosting.

Force Hosting



Recuerden que todo el contenido de este articulo tanto texto y multimedia pertenece originalmente a la fuente (enlace) que aparece arriba y no a PreciosHosting.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *