WebSite X5Help Center

 
Jorge Rodriguez
Jorge Rodriguez
User

Como agregar fuentes de Google  es

Autore: Jorge Rodriguez
Visite 105, Followers 1, Condiviso 0  

Hola,

¿como agregar una fuente de Google con dos estilos? Por ejemplo Open Sans Light y Open Sans Regular.

Por que desde el panel de fuentes solo puedo agregar Open Sans, pero solo con con estilo.

Gracias

Jorge R.M.

Postato il
3 RISPOSTE - 1 UTILE
Incomedia
Elisa B.
Incomedia

Hola Jorge,

Gracias por tu mensaje.

Efectivamente, desde el panel de fuentes de WebSite X5 actualmente es posible agregar una fuente de Google, como Open Sans, pero no se puede especificar directamente un estilo concreto.

Si lo deseas, puedo convertir tu mensaje en una idea y señalarlo como sugerencia.

Quedo a tu disposición para cualquier otra consulta.

Leggi di più
Postato il da Elisa B.
Jorge Rodriguez
Jorge Rodriguez
User
Autore

Gracias Elisa, 

creo que es importante el poder definir el estilo de la fuente, me encuentro con algunas marcas que su Estilo de Marca, me indican una fuente regular para el H2 y la misma fuente en light para el contenido.

Creo que esto es muy importante.

Si alguien sabe de como hacerlo mediante codigo para ir resolviendolo mientras tanto. Gracias

Saludos

Jorge R.M.

Leggi di più
Postato il da Jorge Rodriguez
CARLOS AMARAL
CARLOS AMARAL
Moderator

Hola Jorge, muy buena idea... 

Mientras no se pueda hacer de forma predeterminada desde WebSite X5, lo puedes implementar mediante codigo, que sacas del mismo sitio de GoogleFonts:

  • Ir a Google Fonts
  • Seleccionar la fuente que quieres usar
  • En la sección de Estilos, añadir los estilos que quieras
  • Debajo de la sección de Usar en la web, seleccionar la opción de @import
  • Copiar el enlace proporcionado en el recuadro gris superior
  • Pegar este enlace en la sección AJUSTES > Estadisticas y código > Antes del cierre de la seccion head para que te quede agregado en todo el sitio.
  • Utilizar la fuente en tu CSS con font-family

Aqui agregas el codigo:

Aqui agregas los estilos editando el CSS:

Si no sabes bien como usar CSS puedes consultar con ChatGPT, que te genera el codigo perfectamente.

Prueba y nos comentas como te ha ido!

Saludos colega!

Carlos A.

2.15.1.0

Leggi di più
Postato il da CARLOS AMARAL