Cuando se crea un sitio de WordPress, es necesario tener todas las herramientas adecuadas para tener un impacto efectivo. Esto incluye una gran cantidad de fuentes modernas.

Sin embargo, es posible que tu tema de WordPress no tenga la selección de fuentes que necesitas elegir. O puede que no estés contento con las que se han seleccionado para ti.

Debido a estos factores, es esencial poder instalar algunas fuentes personalizadas. Hoy discutiremos una variedad de opciones de fuentes. Pero primero, dejemos de lado los aspectos técnicos.

¿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, se ven literalmente en todas partes.

Entonces, ¿cómo son las fuentes modernas?

Las fuentes modernas son afiladas, elegantes, atrevidas, profesionales y con estilo. También suelen ser serif (pero no siempre). Su diseño es inmediatamente distintivo y se usan a menudo en encabezados y logotipos. Pueden ser claramente corporativas pero no agresivas. Más bien, son audaces y exigen atención.

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

¿Notas lo condensado y estrecho que es?

chris wilhite

chriswilhitedesign.com

Estas son generalidades, por supuesto. La tipografía moderna ha evolucionado y a menudo también se pueden encontrar ejemplos más estilísticos. Pero con suerte, esto te da una idea general de lo que es una fuente moderna (y por qué podrías querer usar una).

Ponte elegante con tus ✨ fuentes ✨ gracias a esta lista de más de 50 opciones modernas ⬇️Click to Tweet

¿Cómo subir las fuentes descargadas a WordPress?

Las fuentes personalizadas descargadas de la web necesitan un poco de trabajo extra para que funcionen, ya que no se pueden importar como si fueran un servicio online como las fuentes de Google. En su lugar, tendrás que subir tus fuentes manualmente o usar un plugin para hacer el trabajo.

Pero antes de subirlas, debes asegurarte de que tus fuentes están listas para la web. ¿Qué queremos decir con eso? Bueno, no todas las fuentes son seguras para la web o compatibles con todos los navegadores web desde el principio.

Pero esto no es una gran molestia. Sólo usa la herramienta gratuita del Generador de Fuentes Web para transformar cualquier fuente personalizada que hayas encontrado en línea en un formato que sea legible y utilizable por todos los navegadores web.

Convierte cualquier fuente en fuentes seguras para la web

Convierte cualquier fuente en fuentes seguras para la web

Completar este paso también ayudará a optimizar la velocidad de tus fuentes. Sin embargo, eso no es todo. También deberías seguir algunos consejos para asegurarte de que tus fuentes personalizadas no consumen recursos ni ralentizan el tiempo de carga de tu sitio innecesariamente:

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 hayas elegido (muchos ejemplos a continuación).
  2. Guarda una copia de seguridad de tu sitio web (incluyendo todo el contenido y la base de datos) y/o utilice un tema secundario para los siguientes cambios.
  3. Sube los archivos de fuentes en un . zip a la carpeta wp-content/themes/your-theme-name/fonts. Si no hay una carpeta de «fuentes», haz una y luego sube tu archivo de fuente . zip allí. Usa cualquier cliente FTP de tu elección para lograrlo.
  4. En el panel de control de WordPress, navega a Apariencia > Editor de temas y accede al archivo style.css. Tendrás que añadir un fragmento de código personalizado a este archivo. Añade la familia de fuentes y la URL apropiadas al fragmento de código y luego haz 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 añade la fuente a tu sitio. A continuación, debes decirle a WordPress dónde debe usarse la fuente. Para eso, abre style.css de nuevo y usa este fragmento de código:

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

En este fragmento de código, debes identificar a qué aspecto de tu sitio web quieres que se aplique la fuente y especificar el nombre de la misma antes de actualizar el archivo.

Por el contrario, si quieres saltarte todo este material de carga manual, puedes usar un plugin para añadir fuentes a WordPress. Una opción sólida incluye Use Any Font. Como su nombre lo sugiere, puedes usarlo para subir cualquier fuente personalizada a tu sitio y asignarla a elementos CSS.

57 de las fuentes más modernas para usar en 2020

Ahora que sabes cómo optimizar y subir fuentes personalizadas a WordPress, podemos ofrecerte una saludable lista de fuentes modernas y opciones para elegir.

1. Intro

Modern fonts: intro

Intro

Intro es un tipo de letra moderno y de aspecto estándar que ofrece líneas en negrita y una presentación que podría utilizarse fácilmente para los encabezados o los títulos. Esta familia de fuentes incluye 72 fuentes con 8 pesos diferentes, desde el fino al grueso, lo que le da una gran flexibilidad.

2. Komoda

Modern fonts: komoda

Komoda

Otra opción es Komoda. Esta fuente es condensada y súper interesante de ver. Es todo mayúsculas y minúsculas con un aspecto bloqueado donde la línea media de cada letra está elevada. Y sus ligaduras hacen una declaración. Una elección perfecta para los logotipos aquí.

3. Stoked

Modern fonts: stoked

Stoked

Stoked es otra selección de gorras que ofrece un aspecto único para los encabezados y logotipos. Es interesante, mientras que sigue siendo legible. Su característica distintiva es la inclusión de líneas dobles en cada letra, así como saltos de línea que le dan una especie de aspecto de plantilla.

4. Classy Marisa

classy marisa

Marisa

También está Classy Marisa. Esta moderna fuente es elegante y fluida, ofreciendo una opción de letra más fina y delicada para sus logos y encabezados. Tiene ligaduras muy interesantes, glifos alternativos y adornos que añaden más caracteres al texto que quieras compartir.

5. Canter

canter

Canter

Canter es otra gran elección. Esta es una fuente sin serifas que tiene todas las letras mayúsculas y tiene un espacio condensado. También viene en seis pesos diferentes, incluyendo una opción 3D y una con una sombra prominente.

6. Lucky

lucky

Lucky

Lucky es otra fuente moderna que vale la pena considerar. Es otra selección sin serifas 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 online.

7. Zafir

Modern fonts: zafir

Zafir

Zafir ofrece otra opción de fuentes modernas que vale la pena considerar. Es súper mínima en la presentación. Zafir es otra opción para todos los tipos de letra. Es una fuente serif con líneas curvas y un aspecto general interesante que podría funcionar bien para logotipos y títulos.

8. Coves

coves

Coves

O podrías usar Coves. Viene con dos pesos, ligero y negrita, y ofrece una opción de fuente elegante y aerodinámica para tus últimos proyectos. Úsalo para el texto estándar y para los títulos y encabezados, también. Es verdaderamente multiuso.

9. Azonix

azonix

Azonix

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

10. Arkhip

arkhip

Arkhip

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

11. Nagasaki

Modern fonts: nagasaki

Nagasaki

También podrías considerar Nagasaki. Este tipo de letra súper atrevido, grueso y condensado hace una declaración y recuerda a la tipografía de los años 50 y 60. Es editorial e ideal para logotipos y títulos de declaraciones en negrita.

12. Prime

Modern fonts: prime

Prime

Hay otra fuente a considerar llamada Prime. Es una moderna fuente sin serifas que presenta líneas negras y tiene un aspecto futurista en general. Tiene esquinas geométricas y se ve perfecta para sitios web futuristas o de tecnología.

13. Glober

glober

Glober

Glober es otra fuente moderna que deberías ver. Esta familia de fuentes incluye 18 pesos con una división uniforme de 9 verticales y 9 cursivas. Es una fuente con serifas de San que es fácil de leer y fácil de aplicar a un número de situaciones diferentes, incluyendo títulos así como el cuerpo del texto.

14. MADE Gentle

made gentle

MADE Gentle

MADE Gentle es otra tipografía moderna digna de consideración. Se considera una serifa suave y fue inspirada por la fuente Cooper Black. Este es atrevido pero redondeado y se parece a las antiguas portadas de los libros y a los carteles de los años 70.

15. Nordic

nordic

Nordic

Nordic es 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 su uso en títulos, encabezados y logotipos.

16. Maddac

Modern fonts: maddac

Maddac

La fuente Maddac ofrece una opción elegante para su sitio web. Es audaz, bloqueada y sin serifas. Es moderna en diseño y única en ejecución. Cada letra tiene un ligero ángulo o inclinación hacia un aspecto de su diseño, ofreciendo un poco de estilo a la ecuación.

17. Croc

croc

Croc

¿No es Croc una fuente genial? Es un tipo de letra serifa en negrita con un estilo icónico que es nostálgico y a la vez fresco.

18. Aqua

Modern fonts: aqua

Aqua

Aqua es otra fuente que deberías ver. Esta tiene una calidad de art nouveau que la hace parecer intemporal. Es audaz pero simple y tiene adornos y ligaduras que la hacen sobresalir de otras fuentes similares.

19. Manifesto

manifesto

Manifesto

Haga una declaración audaz con el Manifiesto. Esta fuente se inspiró en el movimiento racionalista italiano y tiene una decidida calidad editorial. Úsela para los encabezados, logotipos y títulos. Úsala para diseños impresos y en línea. Es verdaderamente versátil en ese sentido.

20. Orkney

orkney

Orkney

Orkney es una encantadora fuente de aspecto profesional. El tipo de letra tiene un diseño geométrico y puede ser utilizado para una amplia variedad de propósitos. Úsalo para títulos o logotipos. Úsalo para el texto estándar. Úsalo en la impresión o en los medios digitales. El cielo es el límite aquí.

21. Elppa

elppa

Elppa

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

22. Corn

corn

Corn

Corn es una fuente interesante que tiene esquinas redondeadas y un estilo de granja. Consiste en 14 estilos diferentes que puedes empezar a usar inmediatamente para los títulos, encabezados y logotipos. Algunos estilos pueden ser usados incluso para el cuerpo del texto si lo deseas. Podrías construir un diseño de sitio completo con este.

23. Koliko

koliko

Koliko

O podrías optar por Koliko, una fuente seriamente divertida que tiene un atractivo instantáneo para una gran variedad de propósitos. Viene con tres estilos, cada uno de los cuales abarca un perfecto matrimonio entre forma y función.

24. Quirk

Modern fonts: quirk

Quirk

Quirk es en realidad una fuente de aspecto bastante peculiar. El nombre para ella es una buena elección. Es un tipo de letra de todo tipo de tapas que incluye divertidas ligaduras y elementos apilables.

25. Le French

le french

Le French

Le French es una fuente sofisticada, especialmente si buscas replicar esa sensación de café francés antiguo. Una excelente elección para los menús y los sitios web relacionados con la comida de todo el mundo. Úsalo para los títulos, encabezados, logos, y el cuerpo del texto, también.

26. Munich

munich

Munich

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

27. Northwest

northwest

Northwest

Northwest es una fuente de estilo moderno con un toque retro. Recuerda a los logotipos de los equipos de campaña y a los títulos de las revistas de exterior. Con serifas y elementos decorativos, esta fuente funcionaría bien para cualquier tipo de contenido temático de exteriores.

28. Modeka

modeka

Modeka

Modeka es boxeadora y moderna y, honestamente, súper genial. Es una opción moderna que puede ser adaptada para su uso en una variedad de formas. Con ángulos añadidos en cada letra, ofrece un estilo único que puede encajar en tu próximo proyecto.

29. Disclaimer

disclaimer

Disclaimer

Disclaimer es una elección de letra estrecha y en negrita que es excelente para una amplia variedad de propósitos. Tiene un estilo super-condensado que hace que las letras se mantengan altas e imponentes. Esto funcionaría muy bien para un encabezado o título.

30. 5th Avenue

5th avenue

5th Avenue

5th Avenue es positivamente elegante con un aire clásico bien adaptado a los logotipos y marcas oficiales. Es un tipo de letra en negrita con serifas que destaca gracias a un montón de letras alternativas que añaden estilo e interés.

31. Quakiez

Modern fonts: quakiez

Quakiez

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

32. Modern Outdoor

modern outdoor

Modern Outdoor

O podrías optar por el 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 haría un verdadero impacto en los carteles. Requiere atención y sentarse bonito en todas las tapas asegura aún más su sensación de estar al aire libre.

33. Hyperbola

Modern fonts: Hyperbola

Hyperbola es redonda y futurista. De hecho, se ve positivamente espaciada… en el buen sentido. Esta fuente tiene contadores redondeados mientras mantiene una forma general de caja.

34. Boxing

boxing

Boxing

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

35. Sonder

sonder

Sonder

Sonder es otra fuente multifacética, de verdad. Viene con una opción de fuente sin serifas. Viene con múltiples pesos, así como un estilo regular y tosco. El estilo áspero presenta algunos huecos en las letras, creando un aspecto rústico y natural.

36. Lombok

lombok

Lombok

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

¿Cansado de un host lento? Kinsta se construye teniendo en cuenta la velocidad y el rendimiento. Consulta nuestros planes

37. Distrito

distrito

Distrito

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

38. Ailerons

ailerons

Ailerons

Ailerons se parecen a la fuente que aparecería en los carteles de los extraterrestres. Y logra este bien estético. Es sin serifas y todo en mayúsculas y causa un impacto sin importar dónde lo coloques, aunque los títulos y encabezados serían lo mejor para ello.

39. Ethna

Modern fonts: ethna

Ethna

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

40. Noelle

noelle

Noelle

Noelle es una fuente geométrica con serifas que está lista para causar una primera impresión positiva. Es minimalista en diseño y funcionaría bien para títulos y encabezados en cualquier industria. Tiene algunos elementos vintage pero aún así parece fresca. Utilízalo en línea o impreso. Además, viene con un tipo de letra de guión como un bono.

41. Sequel

sequel

Sequel

Sequel es una fuente redondeada perfecta para logos y encabezados. Lo mejor de todo es que viene con un montón de ligaduras que ofrecen estilo y un interés añadido a cualquier cosa que crees con ellas. El diseño aquí es audaz pero no imponente.

42. Higher

Higher

Higher es otra elección de fuente sofisticada que ofrece un aspecto clásico. Este tipo de letra «todo en mayúsculas» es súper condensada y exigente, ofreciendo un estilo inmediato a cualquier cosa en la que la uses.

43. Nano

nano

Nano

Nano es una fuente no serifa que tiene un aspecto futurista y está todo 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 hace que sea una gran elección para logos y otros materiales de marca. Sin embargo, es mejor para frases cortas, ya que las frases más largas pueden ser un poco ilegibles.

44. Jollin

jollin

Jollin

Jollin es un tipo de letra moderno con pistas rizadas en algunas letras y un aspecto de gran tamaño. Esta fuente sin serifas viene en una versión regular y en cursiva e incluye una variedad de letras alternativas para que puedas hacer que tu texto se vea más simple o más elegante según tu estado de ánimo.

45. Phenomena

phenomena

Phenomena

Phenomena es una fuente estrecha y bloqueada con bordes redondeados. Hace una declaración y puede ser fácilmente usada para títulos, logos o encabezados. Viene con 7 estilos diferentes desde delgado a negrita, ofreciendo también muchas oportunidades de uso de texto estándar.

46. Calibre

calibre

Calibre

Calibre es una fuente súper condensada que puede sobresalir sobre tu contenido si lo dejas… en el buen sentido. Es una opción de todo tipo de letras que también incluye números, glifos y caracteres occidentales para una buena medida.

47. Sundays

sundays

Sundays

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

48. Cornerstone

cornerstone

Cornerstone

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

49. One Day

one day

One Day

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étrica sin ser demasiado cuadrada.

50. Kollektif

kollektif

Kollektif

Kollektif es un tipo de letra clásicamente moderno que puede ser usado de muchas maneras. Tiene un diseño geométrico y viene en dos pesos. También está optimizada para su uso en imprenta y en la web.

51. Nostalgia

Modern fonts: nostalgia

Nostalgia

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

52. Elixia

elixia

Elixia

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

53. Salmon

salmon

Salmon

O podrías optar por Salmon. Esta fuente sin serifas es negrita y mínima. Es ideal para títulos, logotipos y encabezados. Es un diseño de todo tipo de tapas e incluye una versión rellena y contorneada que también se empareja bien.

54. Thinoo

thinoo

Thinoo

Thinoo es otra fuente san serif. Viene con un estilo delgado y atrevido e incluye todos los estilos de letras, incluyendo números, símbolos y puntuación. Es profesional y limpia. Simple pero llamativa. Esta funcionaría bien para cualquier tipo de sitio web así como para material impreso.

55. Summer Loving

summer loving

Summer Loving

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

56. Silverfake

Silverfake

Silverfake

Silverfake ofrece una opción de fuente serif para títulos, logotipos, encabezados y material impreso. Este se vería muy bien como el logo de una camiseta, por ejemplo.

57. Vienna

vienna

Vienna

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

Si las fuentes modernas son justo lo que tu sitio web de WordPress necesita 📝, querrás ver esta guía de 50+ fresh options ✨Click to Tweet

Resumen 

Hay varias razones por las que podrías querer usar fuentes personalizadas en tu sitio de WordPress. Tanto si quieres adaptarte mejor a tu marca como si quieres que tu contenido sea más legible en todos los navegadores, vale la pena subir tus propias fuentes de estilo moderno.

Aún 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. Tendrás que pegar fragmentos de código en las áreas apropiadas del archivo CSS de tu tema. Puedes elegir hacerlo manualmente o mediante el uso de un plugin (o puedes contratar a un desarrollador).

Sin embargo, independientemente de cómo se aborde este proceso, puedes estar seguro de que el resultado final será elegante y añadirá carácter al aspecto general de tu sitio. Esperamos que la colección de 57 fuentes modernas que hemos curado aquí te ayude a descubrir la apropiada para tu sitio de WordPress. Ya sea en negrita o delgada, redondeada o dura, adornada o plana, ¡la fuente que elijas causará un impacto!


Si le ha gustado este artículo, entonces le encantará la plataforma de Kinsta WordPress hosting. Acelere su sitio y reciba soporte 24/7 de nuestro equipo de WordPress veterano. Nuestra infraestructura potenciada por Google Cloud se centra en escalamiento automático, rendimiento y seguridad. ¡Déjenos mostrarle la diferencia con Kinsta! Conozca nuestros planes