Diseño

Tipografías adecuadas para una web

Serif o serifada:

Es uno de los tipos de letra más comunes y mejor visto totalmente recomendada para textos cortos, son muy parecidas a la letra que imprime una máquina de escribir de las mecánicas, en títulos se ven geniales y elegantes es una tipografía muy común pero sin lugar a duda no pasa de moda, las familias de esta fuente que se recomiendan para títulos párrafos o enlaces cortos son:

  • Vollkorn
  • Merriweather
  • EB Garamond
  • Lustria
  • Libre Baskerville

Sans serif o sin serifa:

Este es una de las tipografías que sin duda alguna nunca voy a dejar de usar, ya que es un tipo de letra hermoso para un blog, más aún de un blog como este que inspira el uso de tecnología, además no me dejarán mentir que es una letra muy bonita a mi en lo general me fascina, se recomienda para el uso de textos largos por ejemplo el cuerpo de algún blog las recomendadas son:

  • Open Sans
  • Roboto
  • Lato
  • PT Sans
  • Ubuntu
  • Arimo

Slab Serif o Egipcia:

Tipo de letra fuerte, ruda muy bien adaptada para títulos o para enlaces, aunque muchos se atreven a usarla en el cuerpo del sitio web, combina a la perfección con los tipos anteriores, que en una web darían muy buen aspecto, es recomendable para dar un mensaje de fuerza en los títulos o textos cortos.

  • Bitter
  • Arvo
  • Josefin Slab
  • Rokkitt
  • Stint Ultra Expand
  • Roboto Slab

Manuscrita:

Este tipo de letra queda totalmente prohibida en enlaces o cuerpo del sitio web, está totalmente enfocada a títulos, más aún en títulos que van sobre imágenes de fondo o vídeos de fondo, y si se usa en enlaces, tienen que ser textos muy cortos y darle la propiedad text-decoration: none; ya que son demasiado elegantes, es más es como la letra cursiva escrita a mano, se puede utilizar para sitio de diseñador o de enfoque freelance, los tipos de fuente recomendada son:

  • Sacramento
  • Pacífico
  • Grand Hotel
  • Damión
  • Yellowtail
  • Satisfy

Decorativa:

Es un tipo de letra con un fin muy decorativo como lo dice su nombre, la familia de este tipo de letra puede ir enfocado a sitios web como restaurantes, bares o discotecas que tengan por ejemplo un enfoque del viejo oeste, o sitios web que serán más decoración que información, alguna empresa que quiera dar un mensaje divertido, no se recomienda para empresas que quieran ser gris y blanco, me refiero a saco y corbata, agencias de seguros, o empresas aburridas y formales, tampoco se debe utilizar en textos muy grandes, es muy exclusiva para títulos o enlaces cortos, las fuentes más recomendables son:

  • Amatic Sc
  • Courgette
  • Lobster
  • Rye
  • Montserrat
  • Capriola
  • Cutive

Estos tipos de fuentes que te menciono no son obligatorios, solo son recomendables, pero como tu eres el diseñador de tus ideas eres libre de usar estos tipos de fuente o los que tu quieras como se te de la gana, pero puedes usar este artículo como una guía para que tus visitas o clientes queden deslumbrados por la genialidad de tu sitio web, si te ha gustado algún tipo de fuente en un sitio web y deseas saber como se llaman, es fácil usas una extensión para tu buscador y listo.

Cómo saber el nombre de la fuente que utiliza un sitio web?

esto es muy fácil puedes descargar una extención para tu buscador predeterminado en mi caso es Google Chrome y yo utilizo la extensión llamada WhatFont, en Mozilla Fire Fox hay uno que se llama FontFinder o puedes visitar estos dos sitios web: