Más de 50 fuentes modernas para usar en su sitio web de WordPress en 2022

Al crear un sitio de WordPress, debe tener todas las herramientas adecuadas para lograr un impacto efectivo. ¡Esto incluye una gran cantidad de fuentes modernas!

Sin embargo, es posible que su tema de WordPress no tenga la selección de fuentes HTML que necesita para elegir. O bien, es posible que no esté satisfecho con los que se han seleccionado para usted.

Debido a estos factores, es esencial poder instalar algunas fuentes personalizadas. Hoy discutiremos una variedad de opciones de fuentes. Pero primero, dejemos las cosas técnicas fuera del camino.

¿Qué es lo que realmente hace que una fuente sea moderna?

Las fuentes modernas no son nada nuevas. El estilo se desarrolló originalmente en el siglo XVIII. A pesar de eso, sus diseños siguen siendo relevantes en el mundo moderno. De hecho, los ves literalmente en todas partes.

Entonces, ¿cómo son las fuentes modernas?

Las fuentes modernas son nítidas, elegantes, audaces, profesionales y con estilo. También son a menudo sans serif (pero no siempre) y, a veces, encajan en la categoría de fuentes cursivas. Su diseño es inmediatamente distintivo y se utilizan a menudo en encabezados y logotipos. Pueden ser claramente corporativos pero no agresivos. Más bien, son audaces y exigen atención.

Aquí hay un ejemplo de un sitio de cartera que usa una fuente moderna.

¿Te das cuenta de lo condensado y estrecho que es?

Estas son generalidades, por supuesto. La tipografía moderna ha evolucionado y, a menudo, también puedes encontrar más ejemplos estilísticos. Pero con suerte, esto le dará una idea general de qué es una fuente moderna (y por qué es posible que desee usar una).

Cómo subir fuentes descargadas a WordPress

Las fuentes personalizadas descargadas de la web necesitan un poco de trabajo adicional para que funcionen, ya que no puede simplemente importarlas como lo haría para un servicio en línea como Google Fonts. En su lugar, deberá cargar manualmente sus fuentes o usar un complemento para hacer el trabajo.

Pero antes de realizar cualquier carga, primero debe asegurarse de que sus fuentes estén listas para la web. ¿A qué nos referimos con eso? Bueno, no todas las fuentes son seguras para la web o compatibles con todos los navegadores web desde el primer momento.

Pero esto no es una gran molestia. Simplemente use la herramienta gratuita Webfont Generator para transformar cualquier fuente personalizada que haya encontrado en línea en un formato que sea legible y utilizable por todos los navegadores web.

Completar este paso contribuirá en gran medida a acelerar la optimización de sus fuentes también. Sin embargo, eso no es todo lo que hay que hacer. También debe seguir algunos consejos para asegurarse de que sus fuentes personalizadas no consuman recursos o ralenticen el tiempo de carga de su sitio innecesariamente:

• Comprueba el rendimiento . Con GTmetrix, controle la cantidad de solicitudes HTTP. Si hay muchas, podría significar que su sitio está usando muchas más fuentes de las que se dio cuenta. Estoy hablando de fuentes instaladas automáticamente junto con complementos y temas aquí (no los que ha agregado manualmente).
• Revisa tus analíticas. Aquí puede ver a qué formatos de contenedor de fuentes se accede más en su sitio. Las opciones más comunes son EOT, TTF, WOFF y WOFF2. Al considerar cuáles admitir, esto puede ayudarlo a determinar cuáles priorizar.
• Asegúrese de que las fuentes se almacenen en caché localmente. No es como si estuvieras actualizando las fuentes cada dos días. Eso significa que las fuentes se pueden almacenar en caché en los navegadores de los visitantes frecuentes de forma segura. Esto limitará la cantidad de solicitudes HTTP a lo largo del tiempo.

Cargar fuentes manualmente requiere un poco de habilidad técnica, pero no está fuera del alcance de la mayoría de los propietarios de sitios web.

1. Descarga la fuente moderna personalizada que elijas (muchos ejemplos a continuación).
2. Guarde una copia de seguridad de su sitio web (incluido todo el contenido y la base de datos) y/o use un tema secundario para los siguientes cambios.
3. Cargue los archivos de fuentes en un .zip a la carpeta wp-content/themes/your-theme-name/fonts. Si no hay una carpeta de "fuentes", continúe y cree una y luego cargue su archivo de fuente .zip allí. Utilice cualquier cliente FTP de su elección para lograr esto.
4. En el panel de control de WordPress, vaya a Apariencia > Editor de temas y acceda al archivo style.css. Deberá agregar un fragmento de código personalizado a este archivo. Agregue la familia de fuentes y la URL apropiadas al fragmento de código y luego haga clic en Actualizar archivo .

 @font-face { font-family: YOUR FONT NAME; src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); font-weight: normal; }

El código anterior agrega la fuente a su sitio. A continuación, debe decirle a WordPress dónde se debe usar la fuente. Para eso, abra style.css nuevamente y use este fragmento de código:

 .SITE ELEMENT { font-family: "FONT NAME", Helvetica, sans-serif; }

En este fragmento de código, debe identificar a qué aspecto de su sitio desea que se aplique la fuente y especificar el nombre de la fuente antes de actualizar el archivo.

Por el contrario, si desea omitir todo este material de carga manual, puede usar un complemento para agregar fuentes a WordPress. Una opción sólida incluye Usar cualquier fuente. Como sugiere su nombre, puede usarlo para cargar cualquier fuente personalizada en su sitio y asignarla a elementos CSS.

56 de las fuentes más modernas para usar en 2022

Ahora que sabe cómo optimizar y cargar fuentes personalizadas en WordPress, ahora podemos ofrecerle una lista saludable de fuentes modernas y opciones para elegir.

1. Introducción

Intro es una fuente moderna de aspecto estándar que ofrece líneas en negrita y una presentación que podría usarse fácilmente para encabezados o títulos. Esta familia de fuentes incluye 72 fuentes con 8 pesos diferentes, desde delgadas hasta gruesas, lo que le brinda mucha flexibilidad.

2. Komoda

Otra opción es Komoda. Esta fuente está condensada y es súper interesante de ver. Está todo en mayúsculas y sans serif con un aspecto de bloque donde la línea media de cada letra se eleva en alto. Y sus ligaduras hacen una declaración. Una opción perfecta para logotipos aquí.

3. Animado

Stoked es otra selección de mayúsculas que ofrece una apariencia única para encabezados y logotipos. Es interesante sin dejar de ser legible. Su característica definitoria es la inclusión de líneas dobles en cada letra, así como saltos de línea que le dan una especie de aspecto estarcido.

4. Marisa con clase

También está Classy Marisa. Esta fuente moderna es elegante y fluida, y ofrece una opción de fuente más delgada y delicada para sus logotipos y encabezados. Tiene ligaduras realmente interesantes, glifos alternativos y adornos que añaden más carácter a cualquier texto que quieras compartir.

5. Galope

Canter es otra gran opción. Esta es una fuente sans serif que presenta todas las mayúsculas y tiene un espaciado condensado. También viene en seis pesos diferentes, incluida una opción 3D y otra con una sombra prominente.

6. Suerte

Lucky es otra fuente moderna que vale la pena considerar. Es otra selección sans serif que podría funcionar bien como logotipo o encabezado. También tiene una calidad editorial distintiva que podría aplicarse fácilmente a revistas y publicaciones en línea.

7. Zafir

Zafir ofrece otra opción de fuente moderna que vale la pena considerar. Es súper mínimo en la presentación. Zafir es otra opción de mayúsculas. Es una fuente serif con líneas curvas y un aspecto general interesante que podría funcionar bien para logotipos y títulos.

8. Calas

O podrías usar Coves. Viene con dos pesos, ligero y en negrita, y ofrece una opción de fuente elegante y optimizada para sus últimos proyectos. Úselo para texto estándar y también para títulos y encabezados. Es realmente multipropósito.

9. Azónix

Azonix ofrece otra selección de fuentes modernas, esta vez con un toque futurista. Es un tipo de letra sans serif que enfatiza un aspecto geométrico. Está todo en mayúsculas y parece que podría usarse en la secuencia de créditos de apertura de una película de ciencia ficción.

10. Arkhip

Arkhip es otra selección de fuentes gratuita que mantiene un diseño moderno y recuerda épocas pasadas. Utiliza elementos de la tipografía rusa para crear algo moderno y verdaderamente nuevo.

11. principal

Hay otra fuente a considerar llamada Prime. Es una fuente sans serif moderna que presenta líneas en negrita y tiene un aspecto futurista en general. Tiene esquinas geométricas y se ve perfecto para sitios web con temas futuristas o tecnológicos.

12. Globo terráqueo

Glober es otra fuente moderna que deberías echarle un vistazo. Esta familia de fuentes incluye 18 pesos con una división uniforme de 9 verticales y 9 cursivas. Es una fuente san serif que es fácil de leer y fácil de aplicar a una serie de situaciones diferentes, incluidos los títulos y el cuerpo del texto.

13. HECHO suave

MADE Gentle es otro tipo de letra moderno digno de consideración. Se considera un serif suave y se inspiró en la fuente Cooper Black. Este es audaz pero redondeado y recuerda a las portadas de libros antiguos y letreros de la década de 1970.

14. nórdico

Nordic es a la vez moderno y clásico, ofrece dos tipos de letra y tres pesos para elegir. El diseño se inspiró en las runas noruegas y sería perfecto para usar en títulos, encabezados y logotipos.

15. Maddac

La fuente Maddac ofrece una opción elegante para su sitio web. Es negrita, bloque y sans serif. Es moderno en diseño y único en ejecución. Cada letra tiene un ligero ángulo o inclinación en un aspecto de su diseño, ofreciendo un poco de estilo a la ecuación.

16. cocodrilo

¿No es Croc una fuente genial? Es un tipo de letra serif en negrita con un estilo icónico que es nostálgico sin dejar de ser fresco.

17. Agua

Aqua es otra fuente que deberías echarle un vistazo. Este tiene una calidad art nouveau que lo hace parecer atemporal. Es audaz pero simple y presenta adornos y ligaduras que la hacen destacar entre otras fuentes similares.

18. Manifiesto

Haz una declaración audaz con Manifesto. Esta fuente se inspiró en el movimiento racionalista italiano y tiene una marcada calidad editorial. Úselo para encabezados, logotipos y títulos. Úselo para diseños impresos y en línea. Es realmente versátil de esa manera.

19. Islas Orcadas

Orkney es una hermosa fuente de aspecto profesional. El tipo de letra tiene un diseño geométrico y se puede utilizar para una amplia variedad de propósitos. Úselo para títulos o logotipos. Úselo para texto estándar. Úselo en forma impresa o en medios digitales. El cielo es el límite aquí.

20. Elpa

Elppa tiene un aspecto futurista cautivador y multifacético. El tipo de letra es bastante mínimo y al mismo tiempo captura una especie de sensación de la era espacial. Úselo para diseños impresos y web. Funcionaría para logotipos y títulos, probablemente no para el texto del cuerpo, pero definitivamente útil para gráficos y demás.

21. Maíz

Corn es una fuente interesante que tiene esquinas redondeadas y una sensación de estilo de granja. Consta de 14 estilos diferentes que puede comenzar a usar de inmediato para títulos, encabezados y logotipos. Algunos estilos incluso se pueden usar para el cuerpo del texto si lo desea. Podrías construir un diseño de sitio completo con este.

22. Koliko

O puede optar por Koliko, una fuente realmente divertida que tiene un atractivo instantáneo para una amplia variedad de propósitos. Viene con tres estilos, cada uno de los cuales abarca una combinación perfecta de forma y función.

23. peculiaridad

Quirk es en realidad una fuente de aspecto bastante peculiar. El nombre para él es una buena elección. Es una fuente de mayúsculas que incluye ligaduras divertidas y elementos apilables.

24. El francés

Le French es una opción de fuente sofisticada, especialmente si está buscando replicar esa sensación de café francés vintage. Una excelente opción para menús y sitios web relacionados con alimentos. Úselo también para títulos, encabezados, logotipos y cuerpo de texto.

25. Múnich

Munich es una hermosa elección de fuente sans serif que sería una excelente opción para un logotipo o gráfico de título. Se mantiene alto e imponente sin ser amenazante.

26. Noroeste

Northwest es una fuente de estilo moderno con un toque retro. Es una reminiscencia de los logotipos de equipos de campaña y los títulos de revistas al aire libre. Con serifas cuadradas y elementos decorativos, esta fuente funcionaría bien para cualquier tipo de contenido de temática al aire libre.

27. Módeca

Modeka es cuadrada y moderna y, sinceramente, simplemente genial. Es una opción moderna que se puede adaptar para su uso en una variedad de formas. Con ángulos agregados en cada letra, ofrece un estilo único que podría adaptarse a su próximo proyecto.

28. Descargo de responsabilidad

El descargo de responsabilidad es una opción de fuente estrecha y en negrita que es excelente para una amplia variedad de propósitos. Tiene un estilo súper condensado que hace que las letras se mantengan altas e imponentes. Esto funcionaría muy bien para un encabezado o título.

29. Quinta Avenida

5th Avenue es positivamente elegante con un aire clásico que se adapta bien a los logotipos y marcas oficiales. Es una fuente en negrita con serifas que se destaca gracias a muchas letras alternativas que agregan estilo e interés.

30. Cuáquiez

Quakiez es otra opción de fuente moderna que ofrece una opción serif a nuestra lista. Fue diseñado pensando en el lujo, pero aún mantiene un elemento de minimalismo. Viene con dos estilos y se puede usar para logotipos, títulos, encabezados y más.

31. Exterior moderno

O puede optar por Modern Outdoor e invocar inmediatamente el camping y el aire libre a la vista. Esta fuente es perfecta para títulos, encabezados y logotipos y tendría un impacto real en los carteles. Exige atención y sentarse bonito en mayúsculas asegura aún más su sensación de estar al aire libre.

32. Hipérbola

La hipérbola es redondeada y futurista. De hecho, se ve positivamente espacial, en el buen sentido. Esta fuente tiene contadores redondeados mientras mantiene una forma cuadrada general.

33. Boxeo

La fuente Boxing es cuadrada y limpia, perfecta para encabezados, títulos y logotipos. Es todo mayúsculas, alto e interesante de ver. Lo mejor de todo es que es extremadamente funcional y se puede reutilizar de innumerables maneras.

34. Sonder

Sonder es otra fuente multifacética, de verdad. Viene con una opción de fuente slab y sans serif. Viene con múltiples pesos, así como un estilo regular y tosco. El estilo tosco presenta algunos espacios en las letras, creando una apariencia rústica y natural.

35. Lombok

Lombok es un tipo de letra delgado que es extremadamente elegante. Es una opción sans serif con elementos geométricos que la hacen destacar y parecer única. Es una opción ideal para encabezados, logotipos y títulos.

36. Distrito

Distrito es una fuente en mayúsculas que tiene un estilo distintivo. Cada letra está ligeramente inclinada, lo que ofrece un aspecto único que podría traducirse bien para su uso en logotipos y encabezados. También es una fuente de mayúsculas inspirada en el diseño modular colombiano.

37. Alerones

Ailerons se parece a la fuente que aparecería en la señalización alienígena. Y logra bien esta estética. Es sans serif y todo en mayúsculas y tiene un impacto sin importar dónde lo coloque, aunque los títulos y encabezados serían lo mejor para él.

38. Etnia

Ethna tiene un aspecto clásico pero un estilo moderno. Es una familia de fuentes sans serif inspirada en el diseño humanista y hace un buen trabajo al combinar elementos de diseño antiguos y modernos para crear algo nuevo. Este funciona bien en cualquier caso de uso.

39. Noel

Noelle es una fuente serif geométrica que está lista para causar una primera impresión positiva. Tiene un diseño minimalista y funcionaría bien para títulos y encabezados en cualquier industria. Tiene algunos elementos vintage pero aún se ve fresco. Úselo en línea o impreso. Además, viene con una fuente de script como bonificación.

40. Secuela

Sequel es una fuente redondeada perfecta para logotipos y encabezados. Lo mejor de todo es que viene con una gran cantidad de ligaduras que ofrecen estilo y mayor interés a cualquier cosa que crees con ellas. El diseño aquí es audaz pero no imponente.

41. Superior

Higher es otra opción de fuente sofisticada que ofrece un aspecto clásico. Esta fuente en mayúsculas es súper condensada y exigente, y ofrece un estilo inmediato a cualquier cosa en la que la uses.

42. Nano

Nano es una fuente no serif que tiene un aspecto futurista y está en minúsculas, lo que la convierte en una opción única en esta lista. Las letras en sí son súper modernas e identificables, lo que las convierte en una excelente opción para logotipos y otros materiales de marca. Sin embargo, es mejor para frases cortas, ya que las frases más largas pueden ser un poco ilegibles.

43. Jollin

Jollin es una fuente moderna con señales rizadas en algunas letras y un aspecto grueso completo. Esta fuente sans serif viene en una versión regular y cursiva e incluye una variedad de letras alternativas para que pueda hacer que su texto se vea más simple o elegante según su estado de ánimo.

44. Fenómenos

Phenomena es una fuente estrecha y en bloques con bordes redondeados. Hace una declaración y se puede usar fácilmente para títulos, logotipos o encabezados. Viene con 7 estilos diferentes, desde delgado hasta negrita, y también ofrece muchas oportunidades de uso de texto estándar.

45. Calibre

Calibre es una fuente súper condensada que puede sobresalir sobre su contenido si lo permite, en el buen sentido. Es una opción de mayúsculas que también incluye números, glifos y caracteres occidentales en buena medida.

46. ​​domingos

Sundays es una fuente serif que definitivamente es de la era actual, pero también tiene una sensación clásica que es innegable. Es más delgada y con más curvas que las fuentes similares clásicas, y tiene un estilo que encajaría con títulos y encabezados de revistas, logotipos de sitios web, encabezados y más.

47. Piedra angular

Cornerstone es otra fuente en bloques que ofrece un diseño modular que podría funcionar en varias aplicaciones diferentes, desde logotipos hasta encabezados.

48. Un día

One Day es una fuente delgada con interesantes líneas de desconexión que la hacen única. Es otra fuente en mayúsculas con un estilo ligero y delgado. Incluye números y glifos y se siente geométrico sin ser demasiado cuadrado.

49. Kollektif

Kollektif es una fuente clásicamente moderna que podría usarse de muchas maneras. Tiene un diseño geométrico y viene en dos pesos. También está optimizado para impresión y uso web.

50. Nostalgia

Luego está Nostalgia, una fuente moderna con suficiente atractivo retro para que se sienta como si hubiera sido creada hace décadas. Incluye 3 fuentes, así como glifos, ligaduras y flores alternativos. Sería una excelente opción para logotipos, títulos, carteles o invitaciones.

51. Elixia

Elixia tiene un aspecto etéreo digno de la guarida de un alquimista. Es geométrico e incluye ángulos de línea adicionales en cada letra que ofrecen un estilo único.

52. salmón

O puedes optar por salmón. Esta fuente sans serif es negrita y minimalista. Es ideal para títulos, logotipos y encabezados. Es un diseño de mayúsculas e incluye una versión completa y delineada que también combina bien.

53. Delgado

Thinoo es otra fuente san serif. Viene con un estilo delgado y audaz e incluye todos los estilos de letras, incluidos números, símbolos y puntuación. Es profesional y limpio. Simple pero llamativo. Este funcionaría bien para cualquier tipo de sitio web, así como para materiales impresos.

54. Amor de verano

O podría usar Summer Loving, una fuente moderna súper divertida que incluye varios estilos de fuente para que pueda crear un diseño completo con una sola fuente. Viene con una fuente sans, así como con un detalle de pincel que puede agregar inmediatamente dimensión a sus proyectos. Incluye ligaduras y letras alternativas también.

55. Falsificación de plata

Silverfake ofrece una opción de fuente serif ampliamente espaciada para títulos, logotipos, encabezados y materiales impresos. Este se vería muy bien como un logotipo de camiseta, por ejemplo.

56. Viena

Por último, está Viena. Esta fuente moderna es una opción serif que tiene todo el atractivo de una fuente clásica utilizada en portadas de revistas con suficientes modificaciones para apelar a la estética actual. Es mínimo e incluye letras en mayúsculas, números y puntuación.

Resumen

Hay una serie de razones por las que es posible que desee utilizar fuentes personalizadas en su sitio de WordPress. Ya sea que desee adaptarse mejor a su marca o hacer que su contenido sea más legible en todos los navegadores, vale la pena cargar sus propias fuentes de estilo moderno.

Aun así, el proceso puede parecer desalentador al principio. Tienes que encontrar una fuente, descargarla, ponerla en un archivo .zip y luego subirla al directorio correcto en tu sitio web usando un cliente FTP. Deberá pegar fragmentos de código en las áreas correspondientes del archivo CSS de su tema. Puede optar por hacer esto manualmente o mediante el uso de un complemento (o puede contratar a un desarrollador).

Sin embargo, no importa cómo aborde este proceso, puede estar seguro de que el resultado final será elegante y agregará carácter a la apariencia general de su sitio. Con suerte, esta colección de fuentes modernas que hemos seleccionado aquí lo ayudará a descubrir la adecuada para su sitio de WordPress. Ya sea en negrita o delgada, redondeada o áspera, adornada o simple, ¡la fuente que elija causará un impacto!

(Lectura sugerida: Cómo ocultar la página y publicar títulos en WordPress)