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 temano tenga la selección de fuentes HTML 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) y a veces encajan en la categoría de fuentes cursivas. 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.
¿Notaslo condensado y estrecho que es?
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).
¿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.
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:
- Revisa el rendimiento. Usando GTmetrix, monitoriza el número de peticiones HTTP. Si hay muchas, podría significar que tu sitio está usando muchas más fuentes de las que te diste cuenta. Me refiero a fuentes instaladas automáticamente junto con plugins y temas aquí (no las que has añadido manualmente).
- Revisa tus análisis. Aquí puedes ver qué formatos de contenedores de fuentes son los más utilizados en tu sitio. Las opciones más comunes son EOT, TTF, WOFF y WOFF2. Al considerar cuáles apoyar, esto puede ayudarte a determinar cuáles priorizar.
- Asegúrate de que las fuentes se almacenan localmente. No es como si estuvieras actualizando las fuentes cada dos días. Eso significa que las fuentes pueden ser almacenadas en los navegadores de los visitantes frecuentes de forma segura. Esto limitará el número 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.
- Descarga la fuente moderna personalizada que hayas elegido (muchos ejemplos a continuación).
- 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.
- 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.
- 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.
56 de las fuentes más modernas para usar en 2024
Ahora que sabes cómo optimizar y subir fuentes personalizadas, podemos ofrecerte una saludable lista de fuentes modernas y opciones para elegir.
1. 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
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
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
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 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 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
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
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 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 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. 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.
12. 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.
13. 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. Esta es una fuente retro, atrevida pero redondeada, que recuerda a las antiguas portadas de libros y a la señalización de los años 70.
14. 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.
15. 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.
16. 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.
17. 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.
18. 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.
19. 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í.
20. 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.
21. 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.
22. 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.
23. 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.
24. 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.
25. 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.
26. 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.
27. 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.
28. 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.
29. 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.
30. 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.
31. 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.
32. 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.
33. 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.
34. 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.
35. 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.
36. 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.
37. 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.
38. 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.
39. 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.
40. 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.
41. 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.
42. 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.
43. 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.
44. 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.
45. 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.
46. 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.
47. Cornerstone
Cornerstone es otra fuente bloqueada que ofrece un diseño modular que podría funcionar en varias aplicaciones diferentes, desde logotipos hasta encabezados.
48. 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.
49. 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.
50. 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.
51. 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.
52. 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.
53. 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.
54. 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.
55. 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.
56. 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.
Resumen
Hay varias razones por las que podrías querer usar fuentes personalizadas en tu sitio. 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 56 fuentes modernas que hemos curado aquí te ayude a descubrir la apropiada para tu sitio. Ya sea en negrita o delgada, redondeada o dura, adornada o plana, ¡la fuente que elijas causará un impacto!
(Lectura sugerida: Cómo ocultar la página y los títulos de los mensajes en WordPress)