Fuentes seguras para la Web 101: Cómo elegir una fuente para su sitio web

Una fuente puede hacer o deshacer su sitio web. ¿Cómo saber si es segura para la web? Aquí te explicamos cómo elegir las mejores fuentes web para cualquier sitio en el que estés trabajando.

webfont 1200x700 optimizado

Ah, las fuentes web. Uno de los aspectos más cruciales -y desafiantes- de gran diseño web. ¿No sabe cuál es el tipo de letra más adecuado para su sitio web? Vamos a explicarle los pormenores de la elección de las mejores fuentes web para ayudarle a transmitir su mensaje. exactamente lo que quieres transmitir a tu público. ¿Preparado? Vamos allá.

Fuentes seguras para la web 101

Disponer de los tipos de letra adecuados puede aumentar la credibilidad de su sitio web o destruirla. Cada fuente web tiene un cierto poder sobre el lector. Su forma, tamaño, curvatura, floritura y atrevimiento transmiten un mensaje y pueden atraer o repeler. La mayoría de estos efectos se producen de forma subconsciente, por lo que, aunque el espectador no reaccione conscientemente a la elección de la fuente web, ésta influirá en su relación con la marca.

¿Qué la convierte en una fuente segura para la web?

Legible

A veces, cuando se buscan nuevos tipos de letra en Internet, uno se deja llevar por la emoción de algunos de los tipos más salvajes. Pero hay que contenerse un poco y buscar con un ojo más perspicaz. ¿Es legible? Es posible que pueda leerla, pero ¿lo hará? todo el mundo ¿podrá leerla? Además, ¿se mostrará correctamente este tipo de letra en todos los dispositivos, o sólo en los más nuevos y en los mejores?

Simple

Cuidado con el exceso de adornos o flores. Sorprendentemente, demasiada dulzura en las fuentes web puede repeler a la gente o hacer que no te tomen en serio.

Racionalizado

Las fuentes voluminosas llevan mucho equipaje y pueden afectar a la legibilidad. Más fino es mejor (pero no demasiado delgado-eso también disminuye su legibilidad).

Inteligente

Algunos tipos de letra pueden dañar su credibilidad. Evite los tipos de letra que imitan las letras de crayón o pizarra. Estos tipos de letra parecen juveniles e inmaduros.

Cómo elegir la mejor fuente web

Ahora que ya sabemos qué buscar cuando buscamos fuentes en Internet, es hora de decidir cómo limitar nuestra selección. Aquí tienes algunos consejos:

Volver a las directrices de la marca

Las fuentes web, como la ropa, pueden decir mucho sobre quién o qué las lleva. Antes de elegir un tipo de letra para un sitio web, debe tener en cuenta los objetivos de su sitio o los de su cliente. Consulte la directrices de identidad de marca para ver qué tipo de ambiente debes buscar.

Piense en su público

Hay que tener muy en cuenta a qué tipo de público se quiere atraer.

Supongamos que estás diseñando unas invitaciones en línea para una bonita despedida de soltera en medio de una granja: todo será de color gris topo y todo el mundo llevará vestidos de seda y coronas de flores silvestres y aliento de bebé y beberá en tarros de cristal. Está claro que esto requiere una fuente de web caprichosa, ¿no?

O, por ejemplo, si estás preparando material promocional para un evento de DJ's underground, en el que todo el mundo llevará chubasqueros, chaquetas de invierno gigantes deshechas, vaqueros de pierna recta y Stan Smiths blancas, es probable que quieras usar un tipo de letra minimalista, con muy poca floritura, ¿no?

Así que vamos a averiguar quién su es la audiencia. ¿Cuáles son sus características demográficas? ¿Son jóvenes? ¿Son mayores? ¿Profesionales o universitarios? ¿Tienen dinero o son más conscientes de su presupuesto? ¿Son padres? Todas estas son preguntas que debes hacerte durante el proceso de diseño y creación.

Hágase estas preguntas e intente escribir algunas palabras que describan...

  • A quién quiere dirigirse

  • Cómo quiere que le perciban

Una vez que tenga dos listas de adjetivos de trabajo, asegúrese de consultarlas cuando empiece a buscar las mejores fuentes para los sitios web en los que está trabajando.

Tenga a mano muchas fuentes entre las que elegir

Hay montones de sitios estupendos donde encontrar fuentes gratuitas en Internet. ¿Necesitas ideas para empezar? Consulta nuestra guía de 34 mejores sitios web de fuentes gratuitas. Seguro que encuentras algo perfecto para cualquier sitio que tengas en marcha.

Pasemos ahora a las opciones de fuentes.

¿Necesita algo sensato? Opte por las gracias

Supongamos que está diseñando un sitio web para una empresa en expansión y su cliente quiere que parezca fiable, práctico y serio. Si lo que busca es un aspecto señorial, le sugerimos que opte por la familia de fuentes con gracias. Una serifa es una pequeña parte de la letra que sobresale. Las fuentes con gracias tienen pequeños salientes en las letras (mientras que la familia sans-serif no los tiene). Éstas son algunas de las mejores fuentes con gracias para sitios web:

Times

Times New Roman

Es clásico, limpio y tradicional. Desprende sencillez y franqueza. Las gracias están presentes, lo que añade un aire de clase, pero nada pretencioso ni extra.

Trajano

Esta fuente web desprende un aire respetuoso, gracias a la longitud y delgadez de las letras. Así que, si estás diseñando una web para un bufete de abogados o una consultoría, por ejemplo, esta es probablemente una buena fuente web a tener en cuenta.

baskerville

Baskerville

Un estudio de 2012 reveló que los internautas calificaron esta fuente web como la más persuasiva. Tiene la longitud de Trajan y la clase de Times New Roman. Si quieres dar la impresión de ser fiable y digno de confianza, esta es sin duda una de las mejores fuentes web para ti.

georgia

Georgia cursiva

Esta fuente web es limpia y directa, pero tiene un aire cálido y reconfortante que tranquiliza a la gente. Estas letras están ligeramente inclinadas, lo que añade un poco de intimidad.

¿Quiere una fuente web sin florituras? Pruebe una sin gracias

¿Y si prefiere un estilo más práctico y práctico? Para eso le sugerimos que pruebe la familia sans-serif. Estas son algunas de las fuentes web sin gracias que recomendamos:

helvética

Helvetica Negrita

¿Tal vez esté diseñando una página web para una empresa de hardware y su cliente quiera proyectar un aire de estabilidad? Esta sería probablemente la mejor fuente para ello. El cuerpo más grueso de las letras y los bordes planos se leen como robustos.

Franklin Gótico

Una fuente web que parece tener una misión. Atrevida y verdadera, la naturaleza alargada y cuadrada de las letras la hace fuerte y eficaz.

Calibri

Esta fuente web, un incondicional de Microsoft Word, es limpia, limpia, limpia. Esta fuente no tiene ningún adorno.

Myriad Italic

Esta se lee como moderna, estable y fiable. Es la más fina de todas las sin gracias mencionadas; una ligera inclinación le añade un toque de calidez.

¿Quiere estar a la última? Utilice una fuente web moderna

El siguiente grupo de fuentes web son las más modernas. Son ideales para logotipos o encabezados (no tanto para el cuerpo del texto). Estas son algunas de nuestras fuentes modernas, pero seguras para la web.

futura

Futura

Esta potente fuente web tiene un cuerpo más grueso, pero sus afiladas puntas son muy elegantes y bonitas. Desprende un aire de asertividad y estilo.

ITC Avant Garde Extra Light

Ahora este es una fuente web genial. Es fina y minimalista, lo que da una impresión de consideración y confianza. Tiene un aire muy progresista.

didot

Didot Italic

Estilo es el nombre del juego para este chico malo. Es una buena fuente para un sitio web de moda: limpia, con un mínimo de florituras, eficaz. Rezuma información privilegiada.

Century Gothic

Tenga cuidado, porque esta fuente para sitios web se presta fácilmente a abusos. Tiene un aspecto muy chic, delgado y redondeado, por lo que probablemente solo debería utilizarse en un título o logotipo para palabras cortas relacionadas con algo de alta gama o de lujo. En cualquier otro lugar, puede parecer un poco anticuada.

¿Busca elegancia? Script Web Fonts son para usted

La familia de fuentes script se parece a la escritura cursiva, lo que puede despertar muchos sentimientos y asociaciones en sus lectores, así que asegúrese de que este delicado estilo encaja con su marca. Sus florituras son de otra época, así que utilícelas con prudencia.

Bickham

Escritura Bickham

Esta fuente web es como si María Antonieta trabajara para Hallmark. Es una de las fuentes web más gruesas, pero con un poco menos de floritura que algunas de las otras opciones de escritura. Bickham se asocia con la elegancia y el refinamiento, así que si está diseñando un sitio web para una boda o un baile de graduación, considere esta mademoiselle.

Escritura eduardiana

El nombre lo dice todo. Muy ornamentada y con volantes, pero no tan regordeta como otras, esta fuente web representa el afecto y el romanticismo. Una combinación perfecta para diseñadores que busquen despertar sentimientos de amor y belleza en sus lectores.

Lavandería

Un poco juvenil y bastante moderna y creativa, así que cuidado con el comprador: no querrá usarla mal y acabar perjudicando su credibilidad. Es una fuente muy fina con una buena cantidad de giros y círculos adicionales, lo que le da ese aspecto artístico.

¿Le apetece algo extravagante? Añada una fuente web

Esta familia de fuentes web se denomina display y abarca una gran variedad de estilos. Como son muy singulares y llamativas, ¡utilízalas con moderación!

Cooper

Este tipo es grueso, con gracias redondeadas, creando una impresión de cercanía y amabilidad. Sugeriríamos utilizar esta fuente web informal para el sitio web de una guardería o quizá para el sitio web de una tienda local de donuts.

giddyup

Arre

Esta se parece a Pier 21 y a la cocina de mamá. Si está diseñando un sitio web relacionado con los niños o la cocina, considere esta fuente web para el encabezado o el logotipo. Las esquinas redondeadas y el ligero giro le dan un toque caprichoso.

Valencia

Esta fuente se siente como unos tragos de espresso. Es expresiva y un poco intensa. Hemos visto algunas cafeterías que utilizan su estilo alto y fino para vender granos. Utilízala con cuidado, porque las fuentes de alta intensidad pueden repeler con facilidad.

Ronda Spaceage

Esta fuente web, única pero fácil de encontrar, es perfecta para un sitio web de ropa o un restaurante de moda. Ofrece verticales gruesas con horizontales más estrechas y un espacio mínimo entre las letras.

Asegúrese de que sus fuentes web funcionan bien juntas

Una nota final: muchas fuentes diferentes pueden provocar asociaciones similares en los espectadores, así que no tenga miedo de utilizar más de una. Pero intenta elegir una familia de fuentes web y trabaja dentro de ella. Elija algo más limpio para el logotipoAlgo más atrevido para los títulos o encabezados y algo más sencillo para el cuerpo del texto.

Presuma de trabajo

Una vez que empieces a integrar todas estas fuentes web en tu trabajo, estarás creando sitios magníficos en un abrir y cerrar de ojos. No olvides añadir tu trabajo de diseño de páginas web a tu portafolio de diseño online-mostrar tu dominio de las fuentes web seguro que atraerá a nuevos clientes de diseño web y te hará ganar un dulce trabajos autónomos de diseño

No tenga un sitio web de carteras en línea ¿todavía? Encuentra un creador de sitios web con un montón de plantillas chulas-y, por supuesto, fuentes asesinasque pueda mostrar su trabajo a la perfección. Busque uno que tenga prueba de cliente para que los clientes puedan examinar los diseños web directamente desde tu página. (También te recomendamos que elijas un portafolio online que te permita pruébalo primero, sin compromiso.)

¿Listo para crear un sitio web de portafolio de diseño que capte la atención de los clientes? Tenemos a los diseñadores cubiertos. Comience su prueba gratuita con Format hoy mismo.

Estoy impaciente por ver su trabajo.

¿Quieres más consejos sobre diseño?
10 cosas que tienes que hacer después de la escuela de diseño
Diseñe mejor con estas 4 ideas de Wade Jeffree
8 proyectos de diseño gráfico para curar tu bloqueo creativo

A4 1 4

Guía para mejorar sus habilidades fotográficas

Mejora tu fotografía con nuestra guía gratuita de recursos. Obtén acceso exclusivo a consejos, trucos y herramientas para perfeccionar tu oficio, crear tu portafolio online y hacer crecer tu negocio.

Nombre(Obligatorio)
Suscríbase al boletín Etiqueta de campo
es_ESES