{"id":226577,"date":"2022-09-05T14:41:00","date_gmt":"2022-09-05T11:41:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226577"},"modified":"2022-11-08T19:59:00","modified_gmt":"2022-11-08T16:59:00","slug":"como-cambiar-las-fuentes-en-wordpress-sin-problemas","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/como-cambiar-las-fuentes-en-wordpress-sin-problemas\/","title":{"rendered":"C\u00f3mo cambiar las fuentes en WordPress sin problemas"},"content":{"rendered":"\n

Las fuentes en WordPress son una parte crucial de la marca de una empresa. Si bien algunos pueden descartar las fuentes como irrelevantes, para muchos son una parte esencial de su sitio web.<\/p>\n

Junto con los colores, las im\u00e1genes, los logotipos y otros elementos de la marca, las fuentes juegan un papel vital en la imagen de su marca y en c\u00f3mo los clientes la perciben. Dado que ofrecen una gran cantidad de opciones, WordPress es una de las mejores plataformas para la personalizaci\u00f3n.<\/p>\n

A pesar de que hay muchas opciones de fuentes gratuitas, es esencial saber c\u00f3mo cambiar las fuentes en WordPress, lo que puede requerir alg\u00fan conocimiento de la codificaci\u00f3n CSS.<\/p>\n

Este art\u00edculo creado por nuestro equipo en wpDataTables<\/a> demostrar\u00e1 c\u00f3mo cambiar las fuentes en WordPress f\u00e1cilmente.<\/p>\n

C\u00f3mo cambiar las fuentes en los temas de WordPress<\/h3>\n

\"C\u00f3mo<\/a><\/p>\n

Veamos el siguiente escenario. Desea diferentes combinaciones de fuentes<\/a> para su sitio web, pero algo le impide avanzar.<\/p>\n

Cambiar las fuentes en los temas puede ser un desaf\u00edo porque generalmente vienen con fuentes predeterminadas que se usan en varias partes del tema. Debe ubicar el script CSS que est\u00e1 configurando la fuente para el \u00e1rea espec\u00edfica, ya sea el pie de p\u00e1gina, el encabezado, el cuerpo u otras partes.<\/p>\n

Se requerir\u00e1 algo de codificaci\u00f3n previa si desea utilizar una fuente completamente nueva. Primero, elija una fuente con licencia para su sitio web y luego c\u00e1rguela en el servidor. En la parte superior de style.css, tambi\u00e9n deber\u00e1 definir la familia de fuentes. Aqu\u00ed hay un ejemplo de c\u00f3mo podr\u00eda verse el c\u00f3digo:<\/p>\n

@font-face {font-family: Museo300;\nsrc: local('Museo300-Regular'),\nurl(\"fonts\/Museo300-Regular.ttf\") format('truetype\u2019);\nfont-weight: normal;}<\/code><\/pre>\n
C\u00f3mo cambiar las fuentes en WordPress globalmente con la funci\u00f3n de personalizaci\u00f3n<\/h3>\n
\"C\u00f3mo<\/a><\/p>\n
Cambiar las fuentes con la funci\u00f3n de personalizaci\u00f3n es sencillo. Primero, inicie sesi\u00f3n en su perfil de WordPress y acceda al tablero, haga clic en Apariencia y luego en Personalizar.<\/p>\n
Otra forma de acceder a esta \u00e1rea es iniciar sesi\u00f3n en su panel de control de WordPress, hacer clic en el nombre del sitio en la parte superior izquierda y luego hacer clic en el bot\u00f3n Personalizar.<\/p>\n
\"C\u00f3mo<\/a><\/p>\n
Luego, despl\u00e1cese hacia abajo hasta el lado izquierdo y ubique el campo donde puede agregar c\u00f3digo CSS adicional. Haga clic en \u00e9l para agregar el c\u00f3digo. Aqu\u00ed hay un ejemplo del c\u00f3digo:<\/p>\n
* {font-family:\"Courier New\", Courier, monospace}Copy<\/code><\/pre>\n
Cuando agrega el * al principio, agregar\u00e1 la fuente a todo el sitio. Cuando pegues el c\u00f3digo, cambiar\u00e1 instant\u00e1neamente. Cuando est\u00e9 listo para realizar los cambios, haga clic en el bot\u00f3n Publicar.<\/p>\n
C\u00f3mo cambiar las fuentes en WordPress en \u00e1reas espec\u00edficas del tema<\/h3>\n
Los temas vienen con fuentes preestablecidas en varias \u00e1reas, y necesitar\u00e1 diferentes fuentes para diferentes \u00e1reas de su sitio, lo que agrega personalizaci\u00f3n. Identificar temas en diferentes \u00e1reas es un desaf\u00edo.<\/p>\n
Encontrar\u00e1 una fuente para el cuerpo que est\u00e1 separada del resto, que se puede usar para determinar las fuentes no definidas por una etiqueta, clase o div.<\/p>\n
body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;\nfont-size: 1em;\npadding:0;\nmargin:0; }<\/code><\/pre>\n
Probablemente encontrar\u00e1 las fuentes en las diversas clases de CSS: contenido, publicaci\u00f3n, entrada y publicaci\u00f3n posterior.<\/p>\n
Agregar fuentes personalizadas<\/h2>\n
\"C\u00f3mo<\/a><\/p>\n
Agregar fuentes personalizadas es una de las mejores formas de cambiar los encabezados y la fuente base. Vaya a Dise\u00f1o > Personalizar > Fuentes.<\/p>\n
\"C\u00f3mo<\/a><\/p>\n
Cambiar a una fuente personalizada es f\u00e1cil. Hay muchas fuentes geniales que se encuentran en Google Fonts, Typekit y, por \u00faltimo, con la suscripci\u00f3n premium de WordPress o superior.<\/p>\n
C\u00f3mo hacerlo:<\/p>\n