BUG: Cambiar la fuente dentro del panel superior está alterando los iconos de font-awesome

Question

Hola, estoy usando la fuente de Google de Montserrat. Después de probar tantas cosas, finalmente pude configurar la fuente de la siguiente manera:

'.gjs-pn-buttons > span{ familia tipográfica: "Montserrat", sans-serif; }`

Pero cuando hago esto, la fuente cambia pero los iconos de font-awesome no funcionan.

Por favor, consulta la siguiente captura de pantalla para más detalles. Así es como queda después de cambiar la tipografía. ! Número de cambio de tipografía de Grapesjs

Gracias por tu ayuda.

mcottret · Accepted Answer

¡Hola @jayeshmotwani!

Fuente Genial depende del atributo 'font-family' para sus iconos, y dado que tu selector también apunta a estos iconos además del texto, la 'font-family' de Font Awesome se anula por la tuya, lo que rompe sus iconos.

Recomendaría usar un selector diferente que solo se dirija al texto cuya fuente te interesa modificar y no a los iconos de GJS.

¡Salud!

jayeshmotwani · Answer

@mcottret Gracias por tu respuesta.

Solucioné esto añadiendo el texto de la etiqueta dentro de una etiqueta y asignando mi fuente personalizada solo a esa etiqueta en particular, en lugar del <span> botón entero.

¡Salud!

Cambiar la fuente dentro del panel superior está alterando los iconos de font-awesome

Pregunta

Respuestas (2)

Preguntas y respuestas relacionadas

[Bug]: Bloquea iconos y tamaño de fuente demasiado pequeños para leerlos

removeButton() causando error

[Bug]: Después de eliminar un componente personalizado, la vista del rasgo no se limpia

[BUG] - No se puede obtener contenido de un bloque de enlace

Plugins de pago que cumplen con este problema

Explorar categorías de plugins