Incrustar fuentes de Google en el sitio de WordPress

Google Fonts se convirtió en el recurso de referencia para la tipografía web personalizada desde su desarrollo en 2010. Hay tres razones principales por las que Google se convirtió en el pionero aquí. Primero, no había servicios de fuentes que fueran lo suficientemente decentes, por lo que Google llenó el vacío. En segundo lugar, incluso al principio, la variedad que ofrecían era comparativamente grande. Actualmente, hay más de 800 fuentes disponibles en numerosos estilos. En tercer lugar, estas fuentes están disponibles de forma gratuita, lo que las hace especialmente atractivas.

Además, son sorprendentemente fáciles de integrar en sus proyectos de diseño. Le mostraremos cómo puede incluir estas fuentes de Google en su sitio de WordPress.

Fuentes de Google

Para comenzar, deberá seleccionar la fuente con la que desea trabajar. Hay una variedad de opciones, por lo que tiene un menú bastante amplio para elegir. Puede encontrarlos dirigiéndose a la  página de fuentes de Google . Si está buscando una fuente específica, simplemente escriba el nombre de la fuente en el cuadro de búsqueda y debería aparecer una muestra.

También hay otros parámetros de búsqueda que puede utilizar. Justo debajo del cuadro de búsqueda hay un botón llamado Categorías. Si hace clic en esto, revelará un menú desplegable con cinco opciones. Estos son los siguientes:

  • Serif: son fuentes con líneas cortas que provienen de los trazos superiores e inferiores de una letra. Times New Roman y Sylfaen son buenos ejemplos.
  • Sans Serif: como sugiere el nombre, estas son fuentes sin esas pequeñas líneas. Suelen tener una estética sencilla y limpia.
  • Pantalla: estas son las que se pueden llamar fuentes que llaman la atención. Son mejores para títulos que para texto extenso.
  • Escritura a mano: estas fuentes hacen que parezca que alguien las escribió a mano. Verá que muchos están en cursiva o tienen un espaciado menos consistente.
  • Monoespacio: como una máquina de escribir, sus letras ocupan el mismo ancho horizontal. Están espaciados de manera muy consistente.

Sumado a estos, también tiene otras opciones para elegir, como seleccionar el idioma y las propiedades de fuente. Este último incluye el número de estilos, grosor, inclinación y ancho.

Incrustar fuentes en WordPress

Si desea incluir estas fuentes únicas en su sitio de WordPress, existen varios métodos que puede probar.

Usando CSS

Haga clic en la fuente de la selección de Google y lo llevará a la página detallada de fuentes. En la esquina superior derecha, hay un signo "+". Haga clic en eso y se abrirá una ventana lateral. Haga clic en "Insertar".

Ahora puede hacer clic en @importar. Esto abrirá el código CSS que necesita copiar. Vaya a la hoja de estilo de su tema de WordPress y péguela al principio. Asegúrese de haber copiado el enlace de importación sin el 



Leave a Comment

Solucionar el error empresarial de Facebook Demasiados redireccionamientos

Solucionar el error empresarial de Facebook Demasiados redireccionamientos

Aprende a corregir el error de demasiados redireccionamientos en Facebook siguiendo estas soluciones efectivas y prácticas.

Cómo usar varias paradas en Google Maps

Cómo usar varias paradas en Google Maps

Aprende a usar Google Maps para planificar rutas con múltiples paradas y optimizar tu experiencia de navegación.

Cómo habilitar o deshabilitar el acceso a la cámara web para el navegador Opera, Firefox, Brave y Chrome

Cómo habilitar o deshabilitar el acceso a la cámara web para el navegador Opera, Firefox, Brave y Chrome

Obtenga la privacidad que desea y evite que los navegadores accedan a su cámara web ingresando a Configuración y realizando un simple cambio.

Cómo cambiar la cuenta de Google predeterminada

Cómo cambiar la cuenta de Google predeterminada

Aprende a cambiar la cuenta de Google predeterminada de manera fácil y efectiva en tu navegador web, optimizando tu experiencia al usar los servicios de Google.

Cómo medir distancias en Google Maps

Cómo medir distancias en Google Maps

Google Maps tiene una opción de medición de distancia dedicada que le permite medir rápidamente la distancia entre dos puntos en el mapa.

Gmail: cómo crear una lista de distribución

Gmail: cómo crear una lista de distribución

Aprende cómo crear listas de distribución en Gmail para organizar tus contactos y facilitar el envío de correos electrónicos a grupos.

Cómo corregir el error Err_cache_miss en Chrome

Cómo corregir el error Err_cache_miss en Chrome

Descubre soluciones efectivas para el error Err_cache_miss en Chrome y mejora tu experiencia de navegación.

Cómo hacer texto en negrita en el estado de Facebook

Cómo hacer texto en negrita en el estado de Facebook

Aprende cómo hacer texto en negrita en Facebook fácilmente con YayText para destacar tus opiniones y publicaciones.

Cómo bloquear correos electrónicos en Gmail

Cómo bloquear correos electrónicos en Gmail

Aprenda a configurar el bloqueo en Gmail desde su escritorio o dispositivo Android.

Cómo desactivar Google SafeSearch

Cómo desactivar Google SafeSearch

Aprende a desactivar Google SafeSearch para obtener resultados de búsqueda sin restricciones, ideal para usuarios que necesitan acceso completo al contenido.