Como coñecer a tipografía dunha páxina web

Coñece o sitio web de tipografía

Como deseñadores, amamos o mundo da tipografía e por iso moitas das nosas publicacións falan del. Falamos, desde a historia detrás dunha tipografía, ata combinacións gañadoras. Hoxe imos falar de como saber que tipo de letra ten unha páxina web., porque non hai mellor maneira de inspirarse que buscar referencias no traballo doutros creativos.

Seguro que en varias ocasións entraches en diferentes portais web e chamou a atención a estética e a elección tipográfica. Como xa sinalamos en moitas publicacións, a tipografía é un elemento moi potente que nos axuda a expresarnos como deseñadores. Son infinidade de fontes que podemos atopar en diferentes webs, segundo a súa finalidade, optan por un estilo tipográfico ou outro.

Non será a primeira nin a última vez que entres nunha páxina web e te atrae unha tipografía e sintas a necesidade de saber de que familia é para incorporala ao teu catálogo tipográfico persoal. Neste post, Imos ensinarche algúns métodos para que descubras cal é esa tipografía que che chamou a atención.

Opción de busca 1: Usando imaxes

O primeiro método que vos indicamos, Só recomendamos que o utilices se non tes acceso ao sitio web. Se tes unha captura de pantalla do tipo de letra que che chamou a atención, é probable que non se produza coa fonte exacta, senón que aparecerá outra similar. No caso de querer saber que tipo de letra está a utilizar unha determinada marca, o ideal é que sexa en formato imaxe ou vector.

A plataforma en liña á que tes que acceder é MyFonts, e a ferramenta cuxo nome é WhatTheFonts. Esta ferramenta é unha extensión que che dará a posibilidade de coñecer o tipo de letra que buscas. Todo o que tes que facer é subir a imaxe capturada á súa páxina web, entón o programa preguntarache que texto queres analizar. Unha vez seleccionado, indicarache as diferentes fontes similares ás da captura de pantalla.

Deixámosvos un exemplo co logo de Facebook. Temos en conta que este proceso pode ser un pouco tedioso e que, como resultado, non che proporciona a tipografía exacta. xa que esta ferramenta está limitada pola súa biblioteca de fontes interna.

Busca en Facebook

Opción de busca 2: Inspector do navegador

Nesta segunda opción para buscar a tipografía dunha páxina web, optamos por utilizar o inspector desde un navegador web. Esta opción é unha das máis utilizadas polos deseñadores. deseñadores gráficos e web. Neste caso, imos sacar moito proveito desta ferramenta que quizais algúns de vós non coñecíades.

En primeiro lugar, imos facer unha distinción entre diferentes navegadores, concretamente entre dous. Por unha banda, atopamos Chrome e outros navegadores baseados en Chromium e, por outra banda, colocamos Firefox. sinalar, que Sexa cal sexa o navegador que use, sempre empregará o mesmo atallo para acceder ao inspector, Ctrl+Maiús+I.

Se usas ChromeCando abre a opción de inspector, aparecen tres paneis diferentes. Terás que buscar o texto que se utiliza na web para saber que tipo de letra se está a utilizar. No segundo panel que se che presenta, busca e Seleccione a opción "Computado". Despois buscarás "Fonte - familia" e como vedes aparece ao seu carón o nome da familia tipográfica.

Na seguinte imaxe deixámosvos como aparecería esta información que vos acabamos de contar. Ademais dos datos da tipografía empregada, aparecen outros datos importantes como tamaño, cor, peso, etc.

google checker

Ademais, Se usas o navegador Mozilla Firefox, o proceso é semellante ao que acabamos de ver con Chrome, o único que cambia é que a información que buscamos aparece noutra zona. Neste navegador, hai unha pestana específica para os estilos de fonte que aparecen nun sitio web.

Como no caso anterior, abrirá o inspector co mesmo atallo que mencionamos e de novo aparecerán tres paneis diferentes, deberías ir ao que ten unha pestana baixo o nome de "Tipos de letra", como o seu nome indica, alí atoparás todos os datos necesarios. Hai unha sección chamada "todas as fontes da páxina" onde aparece unha lista con todas elas.

busca firefox

Neste caso, tamén é posible modificar distintos parámetros tipográficos mediante contadores. Isto dáche a oportunidade de experimentar como se vería a tipografía se sufrise algún cambio, como sería diferente.

Opción de busca 3: usando complementos

A última opción que vos traemos é un método que se coñece desde hai pouco tempo e que probablemente sexa o menos utilizado xa que é tan recente. É unha opción de busca de fontes web mediante complementos do navegador.

Hai miles de complementos para engadir aos nosos dispositivos e realizar unha determinada tarefa, co fin de cubrir unha necesidade. Esta opción seguramente se converterá nunha das túas favoritas grazas á súa sinxeleza. Recomendamos Fontface Ninja, WhatTheFonts ou Visbug.

Cando teñas o complemento escollido instalado no teu navegador, só tes que premer na súa icona e inmediatamente aparecerá un menú de opcións no lado esquerdo da pantalla. Se fai clic na segunda icona deste menú, só terás que dirixir o cursor do rato á área de texto que queres analizar e aparecerá automaticamente un cadro de información sobre ese tipo de letra.

Busca complementos

Nesta opción, como xa aconteceu nas dúas anteriores, tamén se mostran datos sobre a cor da fonte, o peso, o tamaño da liña, etc. É unha ferramenta moi útil para os amantes do mundo da tipografía e que queren saber en cuestión de segundos que tipo de letra lles chamou a atención.

Puidedes observar nesta publicación que hai tres opcións de busca moi sinxelas para saber que tipo de letra se utiliza nunha páxina web. Só tes que escoller a opción que mellor se adapte a ti e que sexa cómodo para traballar. En moitos casos, estas ferramentas de busca alixeirarán a túa carga de traballo e axudarán a crear deseños atractivos.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

Sexa o primeiro en opinar sobre

Deixa o teu comentario

Enderezo de correo electrónico non será publicado.

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.