Todos los que tienen un sitio de WordPress quieren tener un sitio único y de gran apariencia, y lo que la gente piensa es que los sitios web son una extensión de la personalidad del creador. Para crear un sitio web de gran apariencia, necesita fuentes hermosas (además del código).

Este artículo cubre los pasos para agregar fuentes de Google a su sitio de WordPress.

Información general

La gente no quiere quedarse con la opción predeterminada de WordPress. Las fuentes de Google facilitan este tema. Google Fonts es un servicio web que se introdujo en 2010 para brindar acceso a tipografía gratuita. El complemento es ideal para aquellos que quieren seguir con su tema pero quieren cambiar la tipografía sin codificar.

Cómo agregar fuentes de Google al sitio de WP

Buscar por fuente

Navega a la página de Google Fonts y elige la fuente que más te guste. Google ha simplificado la búsqueda en la esquina superior derecha. Podrías hacer clic en eso Icono de búsqueda y busca Arte o Apellido Si conoce la fuente exacta que le gustaría. También puede filtrar fuentes por Categoría, tendencia o popularidad. Como si eso no fuera suficiente, también puedes buscar fuentes Estilo.

Obtenga una vista previa de la fuente seleccionada haciendo clic en Elija esta fuente Botón para seleccionarlo. En el artículo voy por Tajawal.

Su nueva fuente aparecerá en un menú minimizado en la parte inferior de la página.

Haga clic en la barra inferior para abrir la fuente seleccionada Descárgalo, compártelo o cópialo el código que se debe ingresar en su sitio de WordPress.

Cómo personalizar un estilo; Haga clic en ajustar.

Consulte todos los estilos e idiomas que necesita para su fuente. Recuerde, cuantos más idiomas agregue, más tiempo tardará en cargarse la página y más lento será su sitio web.

Google da el tiempo de carga aproximado en la parte superior de la página.

Incrustar las fuentes en WordPress

Inserte las fuentes a través de una función de WordPress. Con el wp_enqueue_style Indique a WordPress que agregue una fuente al área de encabezado de cada página web. La función evita que los archivos CSS se carguen más de una vez. El enlace a las fuentes en el servidor de Google es necesario para que el método funcione. El vínculo sin todas las demás cosas es;

https://fonts.googleapis.com/css?family=Tajawal

Agregue el siguiente código para asegurarse de que se cargue correctamente.

functions.php file of our theme.
function custom_add_google_fonts() {
 wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css?family=Tajawal', false );
 }
 add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );

Guarde el archivo y cárguelo. Recuerde reemplazar el enlace con el suyo. Cuando vuelva a cargar su sitio de WordPress, su fuente se verá interesante.

Utilice el complemento de Google en WordPress.

Muchos complementos ayudan a agregar fuentes a un sitio web, p. Ej. B. Fuentes web de Typecase, fuentes web de Google supremas, administrador de fuentes web de Google, incluidas las fuentes de Google. A continuación se muestran los dos complementos más populares que puede usar para agregar fuentes de Google al sitio web de WordPress.

WP Google Fonts

Agrega un código importante al sitio web y también ayuda a agregar fuentes del directorio Google Fonts de las siguientes dos formas:

  • Los usuarios pueden asignar fuentes de Google a ciertos elementos CSS de su sitio web en su área de administración.
  • Alternativamente, puede trabajar dentro de la hoja de estilo de su tema.

Vaya a Complementos. Agregar nuevo. Buscar WP Fuentes de Google. hacer clic Instalar ahora.

hacer clic activar Activar complemento.

Desde la ventana del complemento activo. Buscar WP Google Fonts y haga clic en La configuración.

Seleccione las fuentes necesarias para su sitio y haga clic en Salvar a todos.

El usuario puede obtener una vista previa de las fuentes antes de guardarlas o personalizarlas marcando las opciones en la página de configuración. El complemento puede guardar al menos seis configuraciones y asignarlas a diferentes etiquetas que se actualizarán después de agregar fuentes a la biblioteca de fuentes de Google.

Fuente simple de google

El complemento permite al usuario crear fuentes personalizadas para su sitio web y obtener una vista previa antes de decidir la fuente a elegir y también integrarla en el Personalizador de WordPress. Los aspectos de la fuente se pueden ajustar según el peso, el color, el espaciado y el tamaño. La elección de Google Fonts garantiza que se agreguen todas las hojas de estilo para las fuentes.

Vaya a Complementos. Agregar Nuevo complemento. Buscar Fuente de google simple. hacer clic Instalar ahora

hacer clic activar para activar el complemento.

Haga clic en la configuración para ver los detalles.

A … crear Nuevo control de fuentes. Escribe el Apellido. Sobre el Agregue selectores de CSS, Especifique dónde usar las fuentes.

Haga clic para personalizar el control de fuente Personalizador

Conclusión

Ahora su sitio web puede acceder a Google Fonts. Con este sencillo proceso, su sitio web se verá mucho mejor y más exclusivo. Una de las principales ventajas de este complemento es que puede actualizar su tema sin perder la fuente de Google, ya que no es necesario editarlo en la hoja de estilo del tema.