Cómo cambiar la fuente en WordPress
Cuando diseñamos nuestro sitio de WordPress, no solo podemos cambiar el tema y los colores, sino también la fuente o la tipografía, tanto dentro de los párrafos como los títulos/encabezados.
Esto es útil para personalizar sus temas y mostrar a los visitantes de su sitio un proyecto más estético y atractivo que marcará la diferencia.
El método explicado en este tutorial para editar las fuentes de plantilla y personalizarlo es muy fácil y rápido de aplicar.
Este artículo incluye capturas de pantalla para facilitar que cualquier usuario de WordPress siga los pasos descritos.
Para comenzar, inicie sesión en su tablero de WordPress y en el menú izquierdo presione Complementos, luego seleccione el Agregar nuevo opción, como se muestra en la captura de pantalla a continuación (Complementos>Agregar nuevo).
En el campo de búsqueda de palabras clave, escriba "Gutenberg", El nombre de uno de los complementos utilizados en este tutorial para cambiar la fuente. Cuando el Gutenberg Aparece el complemento, presione el Instalar ahora botón, y luego el Activar botón.
Después de instalar el primer complemento, debe instalar un segundo. Para hacerlo, en el campo de búsqueda de palabras clave tipo "Fuentes de Google fáciles", cuando el complemento Fuentes fáciles de Google aparece, presione el Instalar Ahora botón, y luego presione Activar.
Una vez que se instaló el complemento, en el menú del tablero izquierdo presione Apariencia, y entre las opciones mostradas presione Personalizar.
En la pantalla de personalización, seleccione Tipografía. A continuación, puede ver la pantalla para editar la tipografía o la fuente de WordPress.
Seleccionar Tipografía predeterminada Para abrir el menú donde puede comenzar a editar la tipografía, incluso desde los párrafos hasta los títulos.
Para comenzar, seleccione Párrafos y dentro del menú de la familia de fuentes, seleccione la fuente que desee para su sitio. Verá una variedad de fuentes que puede probar después de seleccionarlas. En el centro de la pantalla, puede ver una vista previa para cada fuente que seleccione.
Como se dijo anteriormente, también puede cambiar la fuente de WordPress para los títulos editando el Encabezado 2 sección. Puede probar diferentes opciones hasta que encuentre el resultado esperado.
Eso es todo. Sigue leyendo a continuación para cargar tus propias fuentes haciendo que tu sitio sea único.
Subir su propia fuente a su sitio de WordPress
Puede descargar fuentes adicionales de sitios como Dafont. Allí puede encontrar fuentes gratuitas y pagas para agregar a su sitio. Los formatos de fuentes son TTF, OTF, Woff o Woff2. Si cuando descarga su fuente encuentra varios archivos, significa que su tipografía o fuente seleccionada tiene varias variantes. Por ejemplo, la fuente de Google Monserrat tiene más de 18 variantes.
Nota: Para este tutorial, estoy usando la fuente llamada Medicall.
Creación del archivo de Font-Face
El archivo de fuente de fuente contiene la información de fuente que se utilizará en nuestro sitio web. Esta información incluye el nombre de fuente, sus variantes y diferentes formatos.
Este paso se puede hacer manualmente, o puede usar herramientas para simplificar el proceso. La herramienta utilizada en este tutorial es la transfonta.
Este Paso no lo vamos a Cear a Mano, Sino Que Vamos a Utilizar una Herramienta Transfonter Llamda (https: // Transfonter.org/) Que nos Hará TODO El Trabajo Siguiente Estos Pasos:
Para comenzar, cargue sus archivos de fuente presionando el Agregar fuentes botón. Luego elija los formatos que desea ser compatibles (esto depende del navegador). Puede dejar otras opciones predeterminadas.
Luego presione el Convertir botón.
Después de presionar el Convertir Botón, podrá descargar la fuente de fuente con diferentes formatos de fuentes.
A continuación, puede ver muestras de los archivos que obtendrá.
Una vez que descargue la fuente de fuente, debe acceder a su servidor de sitio a través de un cliente FTP como Filezilla, o a través de CPanel (Files Manager) y cargar su archivo al subdirectorio /WP-Content/themes/theme-theme.
Dentro de este directorio en su servidor (/WP-Content/themes/theme-theme) Necesita localizar un directorio llamado fuentes. Si el directorio de fuentes no está presente, no se preocupe, simplemente cree.
Dentro del directorio de fuentes, cree un nuevo subdirectorio con el nombre de la fuente que desea cargar. Esto es arbitrario siempre que identifique la fuente.
Dentro del directorio de temas de su servidor (/WP-Content/themes/theme-theme.), encuentre las funciones con nombre de archivo.php. Haga clic derecho en las funciones del archivo.PHP e inserte el siguiente código al final del archivo.
Nota: Reemplazar Medicall-Font-CSS y el camino /fuentes/Medicall/Stylesheet.CSS Para la fuente que estás usando. Para este tutorial estoy usando la fuente llamada Medicall, Puede seleccionar cualquier fuente que desee.
add_action ('wp_enqueue_scripts', function ()wp_enqueue_style ('Medicall-Font-CSS', get_stylesheet_directory_uri () . '/Fonts/Medicall/Stylesheet.CSS ');
);
El siguiente paso debe hacerse a través de C0SS. Aquí, debe aplicar la familia de fuentes en todos los textos que queremos aplicar nuestra tipografía personalizada.
El siguiente paso debe hacerse con CSS. Necesitamos aplicar la fuente de fuente a los textos en los que queremos aplicar nuestra tipografía personalizada.
Abra la hoja de estilo.Archivo CSS anteriormente generado por Transfonter y encuentre la línea de la familia de fuentes resaltada en la captura de pantalla a continuación.
Luego, puede agregar el CSS en WordPress, por ejemplo, agregando la siguiente línea.
H1Font-Family: 'Medicall'
De esta manera aplicamos la nueva fuente a todos H1 en nuestro sitio.
Conclusión
Cambiar la fuente en WordPress es bastante fácil como se muestra arriba. Existen diferentes métodos para cambiar la tipografía en su sitio. Todos ellos son válidos. Los métodos descritos anteriormente son fáciles y gratuitos. Si bien puede usar cualquier complemento alternativo, siempre asegúrese de que esté bien calificado por los usuarios. Si usa constructores de páginas como Divi, Elementor o Envatos, puede editar la fuente desde estos complementos directamente. No ignore la importancia de las tipografías. Puede tener las mejores imágenes y colores, pero deben estar en armonía con personajes para generar una mejor experiencia visual para los visitantes.
Gracias por leer este artículo explicando cómo cambiar la fuente en WordPress. Sigue siguiéndonos para obtener más consejos profesionales de WordPress.