Las fuentes WordPress pueden parecer un detalle insignificante. Después de todo, hay temas de WordPress, esquemas de color, imágenes de fondo y diseños de blogs en los que pensar.

¿Quién tiene tiempo para los estilos de fuente?

Si bien el diseño de un sitio web puede tomar mucho tiempo, la verdad es que todos los propietarios de sitios web deben tener cuidado de centrarse en las fuentes de WordPress que utilizan para el texto escrito de su sitio. Los estilos de fuente son un detalle importante del diseño web que afecta la legibilidad de su sitio.

Por no mencionar que el uso de los pares de fuentes correctos puede ayudarle a destacarse de la competencia, impulsar las conversiones e incluso aumentar el reconocimiento de la marca.

Pero sólo si lo hace bien. Hoy vamos a sumergirnos en lo que son las fuentes de WordPress y cómo encontrar las mejores para su sitio web de WordPress.

Estilos de Fuentes Más Comunes

Las fuentes HTML que usa en su sitio web de WordPress dicen algo sobre su marca, quiera o no. E incluso el más mínimo cambio en una fuente de WordPress puede alterar la percepción que tiene el visitante de su sitio de su empresa.

Por supuesto, explicar la historia y la psicología detrás del tipo de letra requeriría su propia entrada en el blog. Pero para darle una idea, aquí están los cinco tipos principales de estilos de fuente que usted podría querer usar en su sitio:

1. Script

Ejemplo de fuente de script
Ejemplo de fuente de script (Fuente de la imagen: Cadillac)

Las fuentes de guión son elegantes y curvas, muy parecidas a la letra cursiva. Sin embargo, vienen en dos categorías distintas: formales y casuales.

Los guiones formales son los más elegantes de todos. Imitan el hermoso trabajo de los maestros de la escritura de los siglos XVII y XVIII. Y lo más notable es que los estilos de fuente vienen con rizos y rizos que se extienden más allá del final de cada carácter.

Los guiones casuales se parecen más a las fuentes caligráficas modernas y son más legibles que los guiones formales, son siempre actuales, lo que significa que nunca pasarán de moda. Y se utilizan mejor para logotipos con tamaños de letra grandes porque pueden ser difíciles de leer en grandes cantidades.

2. Display

Ejemplo de fuente de visualización
Ejemplo de fuente de visualización (Fuente de imagen: Disney)

Las fuentes de pantalla son creativas, excéntricas y a menudo tienen un aspecto funky. Rebosan personalidad y se utilizan para captar la atención de la gente de inmediato.

Se popularizaron en el siglo XIX y a menudo aparecían en vallas publicitarias, carteles y panfletos antiguos. Notará que muchas fuentes de visualización, como Rockwell, vienen con lo que se llama gracias a los bloques. En otras palabras, los silbidos que se extienden más allá del final de los caracteres son bloqueados y gruesos.

Este estilo se utiliza mejor en encabezados o anuncios importantes ya que no tienen la mejor legibilidad, especialmente en línea.

3. Modern

Ejemplo de fuente moderna
Ejemplo de fuente moderna (Fuente de la imagen: Vogue)

Los estilos de fuente modernos están muy estructurados. Son profesionales y a menudo tienen un aspecto frío y serio.

Muchos estilos de fuentes modernas vienen con gracias largas y delgadas que se extienden más allá de los extremos de cada carácter.

Además, las fuentes modernas no tienen inclinaciones en las letras porque tienden a acentuar la posición vertical. También notará que muchos de estos estilos de fuente tienen diferentes grosores a lo largo de cada letra, lo que añade un poco de estilo sin arruinar la experiencia del usuario.

Las fuentes modernas se utilizan mejor para los encabezados y otros textos de gran tamaño.

4. Serif

T Mobile logo
Ejemplo de fuente Serif (Fuente de la imagen: T-Mobile)

Las fuentes Serif son las más tradicionales. Vienen con marcas simples, llamadas serifas, que se extienden más allá del final de cada carácter. Esta práctica se remonta a la época romana, cuando se veían con frecuencia cartas escritas a mano con bengalas.

Este estilo de fuente es el más conservador de nuestra lista. También viene como uno de los estilos de fuente más confiables.

Verá fuentes con gracias comunes, como Times New Roman, que aparecen principalmente en materiales impresos. Aunque algunas personas eligen este estilo de fuente para el cuerpo del texto de su sitio web, no es recomendable porque las serifas pueden ser difíciles de leer cuando hay mucho texto. Sin embargo, es útil para encabezados y logotipos grandes.

5. Sans Serif

Google search homepage
Ejemplo de fuente sin gracias (Fuente de la imagen: Google)

Las fuentes Sans Serif se encuentran más comúnmente en Internet. Son limpios y de aspecto moderno y carecen de las serifas que se extienden más allá del final de cada carácter. De hecho, la falta de serifas es lo que hace que este estilo de fuente sea tan atractivo para la vista cuando se ve en línea.

Este estilo de fuente se hizo popular en los años veinte y treinta cuando todo se volvió llamativo y elegante. Algunas personas incluso pensaron que este estilo de fuente sólo debería ser usado en publicidad, ya que creían que era inapropiado para otros materiales.

Hoy en día, sin embargo, las fuentes sans serif como la Helvética se ven en todas partes.

¿Por qué es Importante la Selección de Fuentes de WordPress?

Hay muchas cosas que entran en la tipografía perfecta. Por ejemplo, la jerarquía visual, la cuadrícula, el contraste, la introducción, los espacios en blanco y el tamaño son importantes. Pero si no elige el estilo de fuente correcto desde el principio, ninguna de esas otras cosas importará.

Eche un vistazo a algunas de las razones más convincentes por las que el estilo de fuente es importante para el éxito de su sitio web de WordPress:

  • Juega un papel importante en el diseño web de su sitio y es importante para la experiencia del usuario.
  • Aumentar el conocimiento y el reconocimiento de la marca al mismo tiempo que le da la oportunidad de expresar su personalidad.
  • Asegurar la legibilidad y usabilidad de su sitio web y su contenido.
  • Establezca una jerarquía en el contenido del sitio, especialmente en las entradas de los blogs.
  • Refuerce la consistencia que buscan los visitantes del sitio.
  • Muestre su marca o negocio como profesional.
  • Guíe a los visitantes del sitio a través de su contenido con facilidad.

Como puede ver, el estilo de fuente es mucho más que verse bien. Puede tener un impacto significativo en su éxito como propietario de un sitio web y dar forma a las opiniones de los demás sobre su marca en su conjunto.

¿Cómo Obtener Inspiración para Su Sitio Web de WordPress?

Elegir la fuente correcta para su sitio web de WordPress puede ser abrumador ya que hay muchas opciones. Por eso es tan importante saber cómo obtener inspiración.

Si encuentra un sitio web que está usando una fuente que le encanta y quiere añadir a su propio sitio, hay un pequeño truco para averiguar qué fuente están usando.

Todo lo que tiene que hacer es resaltar la fuente que le gusta y hacer clic con el botón derecho del ratón sobre ella. A continuación, seleccione Inspeccionar elemento.

Selección del elemento de inspección
Selección del elemento de inspección

A continuación, en la sección Computación, desplácese hacia abajo para encontrar la familia de fuentes y otra información de fuentes.

Selección de la familia de fuentes
Selección de la familia de fuentes

Si por casualidad encuentra una fuente excelente en un sitio web que le gusta, pero necesita un poco de ayuda para emparejarla con un estilo de fuente complementario, eche un vistazo a Font Pair.

Font Pair
Font Pair

Este recurso gratuito en línea le ayuda a emparejar estilos de fuente perfectos que se verán sin problemas en su sitio web. Aquí puede ver los emparejamientos de fuentes, descargar el par de fuentes e incluso ver el par de fuentes `in the wild’. Esto le dará una gran idea, si el emparejamiento de fuentes que le interesa funcionará para su sitio web.

¿Por qué Usar Fuentes Personalizadas en WordPress?

La tipografía puede tener un efecto poderoso en los visitantes de su sitio. Y el objetivo de cada propietario de un sitio web es dejar una impresión duradera en todos los visitantes del sitio. Después de todo, así es como se construye el reconocimiento de la marca y se convierten más clientes potenciales y ventas.

¿No está convencido de que esto sea cierto? Deje que la investigación hable por sí misma:

Un estudio realizado por dos investigadores encontró que cuando se les daba un conjunto de instrucciones, una en una fuente simple y la otra en una fuente compleja, el grupo de personas con la fuente simple terminaba la tarea en 8.2 minutos. El otro grupo tardó 15,1 minutos en completar exactamente la misma tarea. En otras palabras, la fuente simple daba la impresión de que la tarea era más fácil que la tarea en una fuente compleja.

Esos mismos investigadores realizaron otro estudio en el que dieron a un grupo de personas un menú con un estilo de fuente simple y a otro grupo un menú con un estilo de fuente elegante. Los investigadores encontraron que el grupo con el menú de fuentes elegantes creía que el chef tenía habilidades más avanzadas que el chef que preparaba la comida en el menú con la fuente simple.

Otro experimento determinó que es más o menos probable que la gente crea que una afirmación es cierta, dependiendo del tipo de fuente que se utilice.

A la gente se le dio la declaración `Oro tiene un número atómico de 79′, en los siguientes estilos de fuente:

  • Baskerville
  • Comic Sans
  • Computer Modern
  • Georgia
  • Helvetica
  • Trebuchet

Al final, la mayoría de la gente estuvo de acuerdo con la declaración cuando fue escrita en Baskerville. Como el estilo de letra más formal y académico de la lista, Baskerville hizo el mejor trabajo para convencer a la gente de que una declaración verdadera era cierta.

Entonces, ¿qué significa todo esto?

Esto significa que su elección del estilo de fuente puede determinar si los visitantes del sitio se quedan y ven lo que usted tiene para ofrecer. Más aún, las fuentes de su sitio web ayudarán (o perjudicarán) sus posibilidades de convencer a la gente de que es una marca de confianza con la que vale la pena hacer negocios.

Por lo tanto, aunque es genial elegir una fuente WordPress personalizada para diferenciarse de la competencia, es aún mejor hacerlo con el entendimiento de que la elección de la fuente es mucho más que el diseño web y el atractivo visual.

¿Dónde Encontrar Fuentes Personalizadas de WordPress?

Las fuentes personalizadas individuales de WordPress solían ser muy caras. Por lo tanto, cambiar el estilo de fuente no era algo fácil a menos que tuviera mucho dinero.

Sin embargo, hoy en día, los estilos de fuente premium son mucho más asequibles. Además de eso, hay toneladas de fuentes web realmente elegantes que puede utilizar en su sitio web y materiales de marketing.

Echemos un vistazo a dónde puede encontrar las mejores fuentes personalizadas de WordPress:

Google Fonts

Google Fonts
Google Fonts

Google Fonts es el mejor lugar para encontrar y personalizar sus propios estilos de fuente de forma gratuita. Una vez en el sitio web, puede probar una fuente que le guste en frases, párrafos o números para hacerse una idea de cómo se verá en su sitio web.

Además, puede cambiar el tamaño del píxel, personalizar la fuente en negrita, cursiva, clara/media, etc., e incluso cambiar los colores en la plataforma de fuentes de Google. Entonces, cuando se decide por una fuente, todo lo que tiene que hacer es incrustarla en su sitio web copiando un código simple. Esta es nuestra guía detallada sobre cómo cambiar las fuentes en WordPress.

1001 Free Fonts

1001 Free Fonts
1001 Free Fonts

1001 Free Fonts cuenta en realidad con 10.000 fuentes gratuitas impresionantes que están organizadas alfabéticamente como categorías para que encontrar la fuente perfecta sea una tarea fácil. Por ejemplo, puede hacer clic en la categoría de fantasía, caligrafía, puntos o pinceles para limitar la búsqueda.

Una vez que encuentre una fuente que le guste, puede descargarla gratuitamente o hacer una donación al diseñador para que la pueda usar con fines comerciales.

Font Freak

Font Freak
Font Freak

Font Freak tiene más de 9.000 fuentes gratuitas y miles de fuentes premium más, así que encontrar una que se adapte a su sitio de WordPress no debería ser un problema. Más de 400 diseñadores envían sus trabajos creativos a Font Freak, por lo que siempre se publican nuevas fuentes frescas.

Y una de las mejores cosas de Font Freak es que hay versiones para PC y Mac. Por último, puede crear y editar sus propias fuentes utilizando el editor de fuentes y el software de gestión de Font Freak.

Fontspace

FontSpace

Fontspace tiene más de 61.000 fuentes gratuitas que se pueden utilizar en todos los proyectos. Están organizados en categorías populares o por estilo de fuente, por lo que es fácil encontrar el tipo exacto de fuente que necesita.

Diseñadores de todo el mundo contribuyen a Fontspace y etiquetan su trabajo como disponible para uso comercial o personal. Para ayudarle a tomar una decisión informada, Fontspace también incluye clasificaciones de fuentes y enlaces a diseñadores y su trabajo para que pueda limitar aún más su búsqueda de la fuente perfecta.

Tenga en cuenta que usar estos servicios de fuentes de terceros es genial, pero que hay algunas ventajas en alojar fuentes locales en WordPress. Cuando aloja sus fuentes localmente, las almacena en su propio servidor en lugar de vincularlas a un activo externo.

Una de las mayores ventajas de hacer esto es que nunca tienes que depender de los servidores del servicio de fuentes de terceros para mantenerse en funcionamiento. Después de todo, si su servidor se cae, es muy probable que la fuente de su sitio web se vea afectada.

Resumen

El estilo de fuente es una parte central del diseño de su sitio web de WordPress, le guste o no. Las fuentes que utilice transmitirán un determinado mensaje a los visitantes del sitio y, en última instancia, influirán en si se quedan, leen su contenido o incluso lo convierten.

Afortunadamente, hay muchos lugares para encontrar la fuente perfecta y única para su marca. Así que salga y encuentre una fuente personalizada que le guste y añádala a su sitio de WordPress.

¿Necesita una forma sencilla de añadir fuentes de iconos a su sitio WordPress? Eche un vistazo a este artículo detallado sobre cómo utilizar las fuentes de iconos de WordPress de la manera correcta y empiece a añadir iconos de alta resolución a su sitio que son fáciles de escalar y que a los visitantes les encantan.

Brenda Barron

Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.