Cómo encontrar, elegir e instalar hermosas fuentes en su sitio de WordPress (con ejemplos)

Su sitio web de WordPress podría tener el diseño imaginable más hermoso, pero si las fuentes que eligen son difíciles de leer, nada más importa. Y, aunque elegir ciertas fuentes que aporten un aspecto único a su texto. Al principio puede parecer una gran idea, siempre es mejor pensar dos veces sobre cómo sus elecciones influyen en la legibilidad, especialmente para las personas que prefieren escanear el contenido web.

Hermosas fuentes pueden mejorar el aspecto de su sitio sin las fuentes adecuadas, el componente más esencial de su sitio, la historia puede deshacerse de todo, y los visitantes se irán rápidamente después de que se sientan frustrados con lo que no pueden leer o comprender.
Si desea que los visitantes se ejecuten para leer más, haga clic en más enlaces o páginas, suscríbase o compre su producto, desea hacerlos lo más fácil posible. En este artículo, abordaremos por qué la elección de la fuente es importante, donde puede obtener fuentes y algunas de nuestras opciones tipográficas favoritas.
4 consejos simples para elegir fuentes para su sitio web de WordPress antes de hundir en algunas de las opciones de fuentes de WordPress más apreciadas que puede hacer, considere los siguientes consejos importantes:
1. Use fuentes que reflejen el estado de ánimo y la personalidad de su sitio, la pieza de diseño web de Ian Yates en Tuts+ sirve como un buen recordatorio de que las fuentes tienen personalidades, al igual que las personas. Entonces, si su sitio está orientado a una multitud joven y tiene mucho humor, es posible que pueda escapar del uso de fuentes de aspecto más extrañas. Por otro lado, si intenta comunicar su mensaje desde un punto de vista autoritario, podría ser una mejor idea elegir una fuente más tradicional. 2. Use combinaciones de diferentes fuentes (pero no se sobrepasan) La combinación de fuentes es una excelente manera de ayudar a distinguir diferentes áreas de su sitio, pero usar demasiadas puede confundir fácilmente a los lectores. Puede usar fuentes que tengan un aspecto opuesto entre sí, como una fuente muy delgada asociada con una fuente aldina, pero evite combinaciones que son demasiado diferentes y colisionan cuando se unen. Como alternativa, puede tratar de elegir fuentes de la misma familia y experiencia usando diferentes estilos y pesos.
3. Elija fuentes que mantengan su apariencia en diferentes tipos de pantalla, no todas las fuentes están garantizadas para ver lo mismo en cada navegador web, computadora, teléfono inteligente o tableta, así que considere echar un vistazo al contenido de su sitio. Como muchos navegadores o diferentes dispositivos. Hay muchas herramientas en línea gratuitas que puede usar y para probar cómo aparecen las fuentes en diferentes pantallas. 4. Prefieres las fuentes más comunes que las “de moda”. Pasar una cantidad excesiva de tiempo jugando con fuentes no debería ser tan necesaria. Si intenta demasiados tipos diferentes de fuentes, que nadie siente que puede configurar, entonces elija una fuente que nunca envejezca. Muchos de estos encontrarán conjuntos de peso más completos que puede aprovechar. Dónde encontrar fuentes para su sitio de WordPress, hay una cantidad de fuentes aparentemente interminable que puede encontrar en toda la web, pero una opción popular son las fuentes de Google. Hay cientos de fuentes totalmente gratuitas disponibles. La experiencia del usuario es fantástica, ofreciendo una vista previa de todas las fuentes disponibles (con la opción de cambiar el texto sustituyente). Y una vez que esté listo, Google escupirá el código que necesita para importar fuentes para que se usen en su tema de WordPress (o, alternativamente, puede usar el complemento fácil de Google Fonts que se describe a continuación).
Si Google Fonts no se eleva a sus expectativas, hay otros sitios, como FontSquirrel, que le permiten descargar fuentes gratuitas para usarlas en su sitio de WordPress. MyFonts es otro lugar para buscar si está dispuesto a pagar las fuentes de alta calidad. Google es de código abierto y es gratuito.
Los 10 mejores Google explora las fuentes para mantener cosas simples aquí y centrarse solo en una mano muy pequeña de fuentes adoptadas en la web, presenté a continuación una selección de fuentes de Google. Sin embargo, si desea usar fuentes desde cualquier lugar, hay muchos complementos excelentes que le permitirán personalizar fácilmente sus fuentes en su sitio de WordPress.

Abre sin
Open Sans es una fuente humanista sans serif. Al tener “estrés vertical y formas abiertas” (según Google), actualmente es la fuente de Google más popular. También es una de las fuentes más versátiles que puede elegir, que se optimiza para interfaces impresas, web y móviles. Si desea crear una sensación amigable y acogedora en su sitio, realmente no puede confundir esta fuente. Asociaciones sugeridas con Sans Open
Roboto

Oswald
Abierto sans condensado
Merriweather
Lato
Sans pro
Ralina
Flor indie
Montserrat
¿Estás interesado en Open Sans?
Detalles
Roboto
¿Siente que el texto en su sitio podría usar un poco más curvado? Entonces Can Roboto es la fuente para ti. La fuente fue diseñada para evitar la rigidez del ritmo para las formas de letras distorsionadas, lo que les permite relajarse en sus anchos naturales. Úselo en su sitio web para promover una tasa de lectura natural. Sugiere con Roboto:
Abre sin

Lato
Oswald
Sans pro
Ralina
Para sans
Abierto sans condensado
Roboto condensado
Droide sans
Roboto débil
¿Estás interesado en Roboto?
Detalles
Lato
Lato es una fuente sans serif que se diseñó originalmente como un conjunto de fuentes corporativas. Una vez que el diseñador decidió ir en una dirección diferente y lanzarlo al público, quería ser “transparente” en el texto del cuerpo, pero mantener algunas de las características originales cuando crece en tamaño. Esta fuente elegante proporciona tanto una sensación de calor debido al uso de detalles semi-rojos, así como una nota de seriedad dada su fuerte estructura.
Asociaciones sugeridas con Lato:
Abre sin

Oswald
Roboto
Flor indie
Sans pro
Gloria aleluya
Ralina
Para sans
Montserrat
¿Estás interesado en Lato?
Detalles
Oswald
Oswald es una fuente sans serif que ha sido inspirada y rediseñada de la fuente alternativa gótica original. ¿Por qué? Se verá mejor en un mundo ahora dominado por pantallas digitales. Está destinado a usarse en todos los navegadores, computadoras de escritorio, computadoras portátiles y dispositivos móviles. Esta fuente aporta un aspecto clásico, histórico y refinado a su sitio, en gran medida diferenciada por un espacio más cercano que muchas otras fuentes.
Asociaciones sugeridas con Oswald:
Abre sin

Lato

Flor indie
Roboto
Abierto sans condensedpacifico
Merriweather
Josefin débil
Élite especial
Droide sans
¿Estás interesado en Oswald?
Detalles
Slabo 27px
¿Intenta vender algo en tu sitio? Si es así, considere usar Slabo como su elección de fuente favorita. Es una colección específica de la dimensión (13 PX y 27 PX) que se usa idealmente para fines publicitarios en línea. Slabo 27px se ve excelente cuando está asociado con Oswald. Asociaciones sugeridas con SLABO 27PX:
Abre sin
Roboto
Lora

Lato
Abierto sans condensado
Oswald
Sans pro
Gloria aleluya
Montserrat
Roboto condensado
¿Estás interesado en Slabo 27px?
Detalles
Lora
Cuando se trata de elegir una fuente elegante para el texto del cuerpo, Lora es una excelente opción. Tiene una apariencia más memorable que algunas, gracias a sus curvas cepilladas que surgen de las raíces caligráficas. Es la fuente perfecta para historias o un sitio que tiene como objetivo evocar un sentimiento artístico. La curvatura de esta fuente especial realmente ayuda a distinguirla entre sí, ofreciendo suficiente contraste con el serif. Asociaciones sugeridas con Lora:
Abre sin
Roboto
Oswald

Lato
Langosta
Para sans
Ralina
Arvo
Droide sans
Sans pro
¿Estás interesado en Lora?
Detalles
Ralina
Si realmente desea probar fuentes más elegantes en su sitio, Raleway es una que debe ver. Este sans serif tenía la intención de tener un peso delgado y desde entonces se ha extendido para incluir ocho. Debido a que es una cara de pantalla, es ideal para usarse a dimensiones más grandes. Úselo en las secciones de su sitio donde desea agregar una nota de elegancia. Asociaciones sugeridas con Raleway:
Abre sin
Lato
Roboto

Oswald
Droide sans
Droide serif
Langosta
Sans pro
Montserrat
Para sans
¿Estás interesado en Raleway?
Detalles
Josefin débil
Para un estilo de fuente geométrica, escandinavo, que casi recrea una apariencia de escritura en la máquina, hay un josefin débil. El diseñador puso mucho énfasis en los signos diacríticos y reconoció que a partir de ahí viene la parte inclinada de la letra “E”. Es una fuente que se basa un poco en el tipo gótico de la letra. Puede sorprenderse de cuántas fuentes más creativas y extrañas puede asociar. Asociaciones sugeridas con Josefin Débil:
Abre sin
Oswald
Merriweather

Pacífico
Élite especial
SC amático
El boceto de la cabaña
Abierto sans condensado
Allura
Fredericka el Grande
¿Estás interesado en Josefin Débil?
Detalles
Arvo
ARVO es un poco difícil de explicar en términos de la vibración que libera, porque tiende a ser un poco mezclado. Es una placa geométrica serif destinada a pantallas digitales y de impresión, con una apariencia “monolinaria”, lo que significa que tiene líneas verticales y horizontales en todas partes. Si desea agregar un tono sutil de contraste a la legibilidad del contenido de su sitio, podría ser apropiado. También es una fuente favorita para leer en Mac OS X. Asociaciones sugeridas con ARVO:
Oswald
Lato
Para sans

Droide sans
Roboto
Langosta
Ubuntu
Ralina
Vollkorn
Abre sin
¿Estás interesado en Arvo?
Detalles
Merriweather
¿Buscas algo que sea simplemente fácil de leer y no sea abierto? Merriweather promueve una experiencia de lectura agradable en pantallas digitales, al tiempo que aporta un poco de estilo a su texto y tiene una ligera noches diagonales y robustas y formas abiertas. Elija cuando desee agregar solo una punta elegante, pero prefiere mantener suficiente facilidad y simplicidad para leer. Asociaciones sugeridas con Merriweather: Open Sans
Oswald
Pacífico
Josefin débil

Abierto sans condensado
Élite especial
Guión algas
Francois uno
SC amático
El boceto de la cabaña
¿Estás interesado en Merriweather?
Detalles
Instalación de su fuente
Es más fácil para usted comenzar a usar cualquiera de las fuentes sugeridas anteriormente (o cualquiera de los otros cientos de fuentes de Google) con el complemento fácil de Google Fonts. Una vez que lo descargue de forma gratuita, lo cargó en los complementos y lo activó, puede comenzar a jugar con Customs in Customizer. En el administrador de WordPress, vaya a la personalización de aspecto>.
Podrá comenzar a experimentar con cuántas fuentes de Google desea debajo de la opción de tipografía en el personalizador que aparece en el lado izquierdo de la vista previa de su sitio. Haga clic en la impresión de impresión predeterminada. Desea sus párrafos y títulos, puede También acceda a la configuración del complemento de regreso al administrador de WordPress, donde puede crear sus propios comandos de fuentes para un aspecto aún más personalizado. También aparecerán en la vista previa del personalizador y puede ver cómo se verá todo antes de guardarlo. Esta conclusión fue obviamente una descripción muy rápida y simple de cómo puede usar diez de las fuentes de Google más populares, pero hay muchos más trabajando con WordPress para que su sitio se vea genial. ¿Cuáles son algunas de tus fuentes favoritas (de Google u otros) y cómo las asocias? Háganos saber en los comentarios a continuación. Etiquetas: fuentes