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

Cómo forzar a Google Chrome a mostrar siempre las URL completas

Cómo forzar a Google Chrome a mostrar siempre las URL completas

Chrome, de forma predeterminada, no muestra la URL completa. Puede que no le importe demasiado este detalle, pero si por alguna razón necesita que se muestre la URL completa, encontrará instrucciones detalladas sobre cómo hacer que Google Chrome muestre la URL completa en la barra de direcciones.

Cómo recuperar el antiguo Reddit

Cómo recuperar el antiguo Reddit

Reddit cambió su diseño una vez más en enero de 2024. Los usuarios del navegador de escritorio pueden ver el rediseño y reduce el feed principal al tiempo que proporciona enlaces.

Cómo copiar contenido de libros de texto con Google Lens

Cómo copiar contenido de libros de texto con Google Lens

Escribir tu cita favorita de tu libro en Facebook lleva mucho tiempo y está lleno de errores. Aprenda a usar Google Lens para copiar texto de libros a sus dispositivos.

No se pudo encontrar la dirección DNS del servidor reparado en Chrome

No se pudo encontrar la dirección DNS del servidor reparado en Chrome

A veces, cuando estás trabajando en Chrome, no puedes acceder a ciertos sitios web y aparece el error "No se pudo encontrar la dirección DNS del servidor de reparación en Chrome". Así es como puede resolver el problema.

Guía rápida sobre cómo crear recordatorios en Google Home

Guía rápida sobre cómo crear recordatorios en Google Home

Los recordatorios siempre han sido lo más destacado de Google Home. Seguramente nos hacen la vida más fácil. Hagamos un recorrido rápido sobre cómo crear recordatorios en Google Home para que nunca dejes de hacer recados importantes.

Netflix: cambiar contraseña

Netflix: cambiar contraseña

Cómo cambiar tu contraseña en el servicio de vídeo en streaming Netflix usando tu navegador preferido o aplicación de Android.

Cómo deshabilitar el mensaje de restauración de páginas en Microsoft Edge

Cómo deshabilitar el mensaje de restauración de páginas en Microsoft Edge

Si desea deshacerse del mensaje Restaurar páginas en Microsoft Edge, simplemente cierre el navegador o presione la tecla Escape.

Las 10 mejores alternativas de voz de Google en 2023

Las 10 mejores alternativas de voz de Google en 2023

¿Busca una alternativa confiable de Google Voice para llamadas telefónicas? Descubra las mejores alternativas de llamadas VoIP a Google Voice.

¿Qué es un sombrero negro?

¿Qué es un sombrero negro?

Un sombrero negro es un hacker que victimiza a las personas y viola la ley. Sigue leyendo para saber más sobre el tema.

¿Qué es un ciberdelincuente?

¿Qué es un ciberdelincuente?

¿No sabes qué es un ciberdelincuente? Un ciberdelincuente es un delincuente que comete delitos principalmente utilizando sistemas informáticos.