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…