Cómo cambiar una fuente en WordPress (3 métodos de luz)

Aunque puede parecer un pequeño detalle para algunos, la elección de la fuente es una parte clave del diseño web y la identidad de la marca. Desafortunadamente, el proceso de cambiar una fuente en WordPress no es lo más simple posible. Su tema de WordPress influye significativamente en las opciones que tiene disponibles y, fuera de la caja, solo hay algunas maneras de cambiar la tipografía de su sitio.
La buena noticia es que, ya sea que pueda codificar, hay herramientas que pueden ayudarlo a cambiar las opciones de fuente, independientemente del tema. Con estos prácticos recursos, puede asegurarse de que su sitio coincida con su marca y se vea moderno, elegante y profesional.

En esta publicación, discutiremos cómo cambiar una fuente en WordPress y cubriremos algunas formas de hacerlo. Antes de eso, hablemos rápidamente sobre sus opciones predeterminadas y por qué la tipografía de su sitio es importante.
Aquí, en WP Buffs, ayudamos a los propietarios de sitios web, socios de la agencia y socios independientes para administrar y mantener sus sitios de WordPress las 24 horas, los 7 días de la semana. Ya sea que esté buscando ayuda con el código personalizado o simplemente necesita que actualicemos sus complementos, le ofrecemos cobertura.
En este articulo
¿Por qué es importante elegir la fuente en el diseño web?
Comprender los valores predeterminados de las fuentes de WordPress
Cómo cambiar una fuente en WordPress (3 métodos)
conclusión
¿Por qué es importante elegir la fuente en el diseño web?
En la superficie y para un ojo unantal, el diseño web puede parecer un proceso simple. Elija un esquema de color que le guste, elija una fuente o dos, configure un menú de navegación y aquí, ¿verdad?
Desafortunadamente, de ninguna manera es tan simple. El diseño web efectivo tiene en cuenta no solo la estética, sino también los aspectos de marketing, psicología y uso. Se trata de comprender cómo los usuarios percibirán ciertos elementos, así como sus preferencias personales. Elegir la fuente, específicamente, tiene un impacto en el diseño web de dos maneras principales. En primer lugar, es vital desde la perspectiva de la usabilidad. Si su sitio presenta un tipo de carta que es extremadamente difícil de leer, tendrá dificultades para lograr el objetivo principal de cualquier contenido en línea: transmitir información a los visitantes. Cuán legible influirá en su fuente si los visitantes permanecen y aprenderán más sobre su marca O abandone su sitio con frustración y recurra a un competidor. También juega un papel en la accesibilidad de su sitio, porque los guiones pequeños y de fantasía pueden ser difíciles de descifrar tanto para las deficiencias de visión como de dislexia. La segunda forma de elegir la fuente influye en la calidad del diseño de su sitio cuando se trata de la marca. Aunque a menudo nos centramos en el contenido en función del texto, también es inteligente considerarlo desde una perspectiva visual. Desea establecer el tono correcto para su sitio.
Todo esto dice que si ha encontrado el tema perfecto de WordPress, pero su fuente predeterminada es difícil de leer o no coincidir con la identidad de su marca, vale la pena el esfuerzo de cambiarla.
Comprender los valores predeterminados de las fuentes de WordPress
Muy a menudo, los nuevos usuarios se sienten atraídos por WordPress debido a lo fácil que es ser personalizado en comparación con otros sistemas de gestión de contenido (CMSS) y constructores de sitios web. Sin embargo, la plataforma plantea quejas de vez en cuando, especialmente sobre las opciones de personalización fuera de la caja o su falta. Por ejemplo, si abre WordPress Customizer para el tema predeterminado de veinte veinte e intenta cambiar la fuente de su sitio, estará muy decepcionado. No hay tal opción disponible: si profundiza, descubrirá que esta aparente deficiencia es en realidad la fuente de poder de WordPress. Su base base básica no está diseñada para ser “completamente, bailar”. De hecho, está destinado a darle una base de trabajo sólida, estable, segura y vacía para su sitio seguro, puede usar WordPress y un tema muy bien definido. Sin embargo, si cree que debería haber más ofertas fuera de la caja, le falta un truco clave. WordPress Basic Coding Base es un lienzo vacío para personalizar de todos modos que desee, no un software hinchado con opciones infinitas. #Wordpress haga clic para enviar un tweet El punto real de WordPress consiste en su extensibilidad a través de sus temas, complementos, ganchos y filtros. Como tal, el mundo es su vergüenza cuando se trata de la capacidad de personalizar su sitio, pero depende de usted elegir cómo lo hace.
Cómo cambiar una fuente en WordPress (3 métodos potenciales)

Afortunadamente, no está bloqueado con el tema predeterminado de WordPress. De hecho, hay muchas maneras de cambiar una fuente en WordPress y, para la mayoría de ellos, no tendrá que conocer una línea de código. Comencemos con la solución más común, luego analicemos algunas alternativas
Instale y active un complemento de fuente de WordPress
Agregar fuentes personalizadas de WordPress a través de una codificación simple
1. Verifique las opciones de fuente de su base o fabricante de la página
Si usted es como muchos otros que vienen a WordPress, no utilizará un tema implícito para su sitio. Aunque bien codificado y de alta calidad, son mejores para sitios simples y son más “partes conceptuales” que aspectos del sitio listo para el negocio. .
En otras palabras, deberá elegir un tema específico para satisfacer sus necesidades. Las opciones premium tienden a ofrecer la mayoría en términos de características y personalización, aunque hay algunas soluciones gratuitas con un rango decente. Muchos temas premium proporcionarán una gama completa de fuentes, con acceso y aplicaciones de luz. #Wordpress haga clic para enviar muchos temas premium, especialmente aquellos que se encuentran en ThemeForest, contendrán una forma de acceder a toda la suite de Google Font. Alternativamente, algunos desarrolladores eligen incorporar selecciones más personalizadas basadas en el diseño general de sus temas.
Su tema probablemente proporcionará dos formas de cambiar una fuente en WordPress. Lo más común es a través de las opciones en el menú Personalizador. Otros temas vienen con paneles de administración dedicados que muestran todas sus opciones de diseño:
Esto es lo suficientemente simple como para navegar. Accederá a las opciones y seleccionará las fuentes elegidas entre los menús de Drop -down relevantes. Los cambios deben mostrarse inmediatamente, aunque es posible que deba actualizar la página de vista previa para ver las nuevas fuentes en acción. Lo mismo también es válido para complementos para el generador de página. Encontrará opciones similares en muchas de las herramientas más populares, como Beaver Builder, Elementor y otros. Esto cubre la brecha entre las opciones de su tema y nuestro próximo método, utilizando un complemento dedicado.
2. Instale y active uno de los complementos de WordPress
Puede ser el caso donde su tema no proporciona la fuente deseada. Si también está anverso a las páginas y tiene poca experiencia en la codificación, probablemente sea un complemento dedicado para las fuentes. Hay dos variantes comunes: complementos para la incorporación de fuentes y “cargadores”. Los complementos que incorporan fuentes en su sitio web generalmente obtienen de directores dedicados, como Google Fonts, como es el caso de la tipografía de Google Fonts.

OMGF | Hosts Google Fonts Local ofrece la opción de reescribir las fuentes que ya carga para usar URL local

O puede contratar OMGF para optimizar sus fuentes. También hay complementos de incorporación para usuarios de typekit, colección de fuentes de suscripción de Adobe:
Como puede esperar, instalar y activar estos complementos es el mismo que cualquier otro. Sin embargo, puede encontrar pasos adicionales para conectar Google y Adobe. Los complementos para cargar fuentes son ligeramente diferentes. En lugar de incorporar fuentes de otras fuentes, estas herramientas le permiten cargar una determinada fuente en su sitio y usarla, ya que haría un tipo de caracteres incluidos en su tema. Si tiene una fuente personalizada para el sitio. Su complemento, complemento, complemento, complemento, complemento, complemento, EE. UU. Cualquier fuente puede estar en su callejón. Si ha encontrado la fuente ideal a través de una fuente como Dafont o MyFonts, este complemento le permitirá usarla sin tener que tocar su código de sitio. Pero al final del día, el más fácil La forma de cambiar una fuente en su sitio de WordPress sigue siendo con el complemento de tipografía de Google Fonts.
3. Agregue las fuentes personalizadas de WordPress a través de un bacalao simple

Finalmente, tenemos la opción manual de cambiar una fuente en WordPress. Este método requiere cierto conocimiento de codificación, pero no es particularmente avanzado y debe ser lo suficientemente educativo para los usuarios intermedios. Por supuesto, esto no le dará una serie de fuentes para elegir, como un tema premium o un complemento dedicado. Sin embargo, le permite mantener la hinchazón en un nivel mínimo, lo que le permite implementar la fuente deseada en su sitio antes de comenzar, necesitará lo siguiente:

Una fuente de tu elección

Conocer hojas de estilo cascade (CSS)

Acceso a su protocolo básico de transferencia de archivos de WordPecuno Vescuna (FTP) y a un cliente apropiado como Filezilla o Cyberduk.
Para este ejemplo, usaremos Google Font – Oswald. Primero, querrá hacer clic en la fuente en cuestión y seleccionar los estilos que desea incorporar. Es una idea inteligente elegir un estilo estándar, audaz y cursivo, si es posible:
Desde aquí, hay algunos métodos. Lo más fácil es hacer clic en la pestaña Incorporar y copiar el código en la sección de su sitio. Sin embargo, la forma correcta para que los sitios de WordPress incorporen fuentes es “apretando”. El primer paso en este proceso es copiar el enlace a sus fuentes en nuestro ejemplo, serán los siguientes (incluidas las citas únicas): “https://fonts.googleapis.com/css2?family=oswald:okemail protegido] ; 700 & display = swap “Luego vaya a los archivos de su sitio de WordPress a través de FTP. El archivo que está siguiendo es functions.php, que debería estar en el directorio raíz del tema del niño:
Ábrelo, luego ingrese el siguiente código, reemplazando nuestro enlace con el de la fuente elegida: add_my_font () {
wp_enqueue_style (‘add_my_font’, ‘https://fonts.googleapis.com/css2?family=oswald:okemail protegido] ; 700 & display = swap’, false);
}
add_action (‘wp_enqueue_scripts’, ‘add_my_font’);
Ahora tendrá que “declarar” dónde se utilizarán las fuentes. El enfoque más simple es abrir el archivo style.css de su base, nuevamente en la carpeta de temas del niño junto con la función.php, y agregue lo siguiente:

.corp, .h1, .h2, .h3, .h4 {

Font-Family: “Oswald”, sans-serif;
}
Esto esencialmente te dice que quieres usar esta fuente específica. Tenga en cuenta que puede eliminar algunas de estas declaraciones si desea que la nueva fuente se aplique a ciertas secciones. Por ejemplo, es común usar diferentes fuentes para títulos y texto del cuerpo. Esto es fácil de hacer con CSS. Sin embargo, las mejores prácticas cambian mucho y es posible que no acepte estas declaraciones, dependiendo de cómo se codificara. Si está peleando, le recomendamos que se comunique con el desarrollador de su base para solicitar ayuda o elija una forma más simple de cambiar una fuente en WordPress
Cuando desee usar WordPress por primera vez para publicar su sitio web, verá una desconexión entre lo que ha oído hablar de sus opciones de personalización y lo que se presenta implícitamente. Sin embargo, la flexibilidad de WordPress reside en complementos y temas de funcionalidad adicionales que se llevan a la masa virtual, no a lo que se agregó desde el cuadro. En esta publicación, analizamos tres formas en que puede cambiar una fuente en WordPress. Vamos a recapitularlos rápidamente:
Verifique las opciones de fuentes de su base o constructor de páginas.
Instale y active uno de los complementos de WordPress.
Agregue fuentes personalizadas de WordPress por codificación simple.
Si todavía no sabe cómo cambiar una fuente en WordPress, es posible que pueda ayudarlo. En WP Buffs, ofrecemos planes de atención de WordPress que incluyen actualizaciones de contenido, así como monitoreo de código personalizado. ¡Míralos hoy!
¿Quieres darnos comentarios o unirte a la conversación?Agregue sus comentarios en Twitter! Imagen presentado: Pixabay.
GIF: Tenor.