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 que necesita para elegir. O 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 aquí. Pero primero, saquemos los aspectos técnicos del camino.

¿Qué hace que una fuente sea realmente moderna?

Las fuentes modernas no son nuevas en absoluto. 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 se ven las fuentes modernas?

Las fuentes modernas son nítidas, elegantes, atrevidas, profesionales y con estilo. También suelen ser sans serif (pero no siempre). 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 con una fuente moderna.

¿Te das cuenta de 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 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).

Ponte elegante con tus ✨ fuentes ✨ gracias a esta lista de más de 50 opciones modernas ⬇️Haz clic para tuitear

Cómo subir fuentes descargadas a WordPress

Las fuentes personalizadas descargadas de la web necesitan un poco de trabajo adicional para que se ejecuten, 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 un gran problema. Solo usa el gratis Generador de fuentes web herramienta para transformar cualquier fuente personalizada que haya encontrado en línea en un formato que sea legible y utilizable por todos los navegadores web.

Fuentes modernas

Convierta cualquier fuente en fuentes seguras para la web

Completar este paso también contribuirá en gran medida a optimizar la velocidad de sus fuentes. Sin embargo, eso no es todos hay que hacerlo. 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:

  • Comprobar el rendimiento. Con GTmetrix, supervise la cantidad de solicitudes HTTP. Si hay muchas, podría significar que su sitio está usando muchas más fuentes de las que incluso se dio cuenta. Estoy hablando de fuentes instaladas automáticamente junto con complementos y temas aquí (no las que ha agregado manualmente).
  • Revise sus analíticas. Aquí puede ver a qué formatos de contenedor de fuentes se accede con mayor frecuencia en su sitio. Las opciones más comunes son EOT, TTF, WOFF y WOFF2. Al considerar cuáles apoyar, esto puede ayudarlo a determinar cuáles priorizar.
  • Asegúrese de que las fuentes se almacenen en la caché local. No es como si estuvieras actualizando 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. Descargue la fuente moderna personalizada que elija (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. 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», adelante, cree una y luego cargue allí su archivo de fuente .zip. Utilice cualquier cliente FTP de su elección para lograr esto.
  4. En el panel de WordPress, navegue hasta 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 adecuadas 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 indicarle a WordPress dónde debe usarse la fuente. Para eso, abre 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 a su sitio y asignarla a elementos CSS.

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

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

1. Introducción

Fuentes modernas: introducción

Intro

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, de fino a grueso, lo que le brinda mucha flexibilidad.

2. Komoda

Fuentes modernas: komoda

Komoda

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

3. Alimentado

Fuentes modernas: avivado

Avivado

Avivado es otra selección de mayúsculas que ofrece un aspecto único 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 apariencia estarcida.

4. Classy Marisa

elegante marisa

Marisa

También hay Classy Marisa. Esta fuente moderna es elegante y fluida, y ofrece una opción de fuente más fina y delicada para sus logotipos y encabezados. También tiene ligaduras realmente interesantes, glifos alternativos y adornos que agregan más carácter a cualquier texto que desee compartir.

5. Galope

medio galope

Medio galope

Medio galope es otra gran elección. Esta es una fuente sans serif que tiene mayúsculas y un espacio condensado. También viene en seis pesos diferentes, incluida una opción 3D y una con una sombra prominente.

6. Suerte

suerte

Suerte

Suerte 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

Fuentes modernas: zafir

Zafir

Zafir ofrece otra opción de fuente moderna que vale la pena considerar. Es super mínimo en la presentación. Zafir es otra opción en 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

calas

Calas

O podrías usar Calas. Viene con dos pesos, claro 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 verdaderamente polivalente.

9. Azonix

azonix

Azonix

Azonix proporciona 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

Arcadia

Arkhip

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

11. Nagasaki

Fuentes modernas: nagasaki

Nagasaki

Es posible que también desee considerar Nagasaki. Esta fuente súper atrevida, gruesa y condensada hace una declaración y recuerda la tipografía de los años 50 y 60. Es editorial e ideal para logotipos y títulos llamativos.

12. Prime

Fuentes modernas: prime

principal

Hay otra fuente a considerar llamada principal. Es una fuente sans serif moderna que presenta líneas en negrita y tiene un aspecto futurista general. Tiene esquinas geométricas y se ve perfecto para sitios web de temática futurista o tecnológica.

13. Glober

glober

Glober

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 de aplicar a una serie de situaciones diferentes, incluidos los títulos y el texto del cuerpo.

14. MADE Gentle

hecho suave

HECHO Gentil

HECHO Gentil 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 atrevido pero redondeado y parece una reminiscencia de las cubiertas de libros antiguos y la señalización de la década de 1970.

15. Nórdico

nórdico

nórdico

nórdico 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 usar en títulos, encabezados y logotipos.

16. Maddac

Fuentes modernas: maddac

Maddac

los Maddac font ofrece una opción elegante para su sitio web. Es audaz, en bloque y sans serif. Tiene un diseño moderno y una ejecución única. 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.

17. Cocodrilo

cocodrilo

Cocodrilo

No es Cocodrilo una fuente tan genial? Es un tipo de letra serif audaz con un estilo icónico que es nostálgico sin dejar de ser fresco.

18. Aqua

Fuentes modernas: aqua

Agua

Agua 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 lo hacen destacar de otras fuentes similares.

19. Manifiesto

manifiesto

Manifiesto

Haga una declaración audaz con Manifiesto. Esta fuente se inspiró en el movimiento racionalista italiano y tiene una decidida calidad editorial. Úselo para encabezados, logotipos y títulos. Utilizar…