Issue #2716✓ ResueltoAbierto el 16 de abril de 2020por Sameedkhan25Reacciones 5

Problema al añadir una fuente personalizada en Grapejs

Respuesta rápidapor artf5

Haz esto '''js const prop = editor. StyleManager.getProperty ('tipografía', 'familia de fuentes'); prop.set('options', [ {valor: "'Oswald', sans-serif", nombre: 'Oswald'}, ... ]); ``` y nunca deberías hacer esto de 'styleManager.render()'

Lee la respuesta completa abajo ↓

Pregunta

@artf He seguido el método de abajo y he añadido con éxito la fuente en la lista, pero no todas las fuentes muestran el comportamiento correcto, quiero añadir la fuente Avenir en el sistema. Cuando las añado, no cambia la fuente a Avenir, sino que le da un valor predeterminado editor.on('load', function () { styleManager = editor. StyleManager; fontProperty = styleManager.getProperty('Tipografía', 'familia de fuentes'); var list = []; fontProperty.set('list', lista); Lista = [ fontProperty.addOption({value: "'Oswald', sans-serif", nombre: 'Oswald'}), fontProperty.addOption({value: "Helvetica...

Respuestas (3)

👍 Muy útilartf20 de abril de 2020

Haz esto '''js const prop = editor. StyleManager.getProperty ('tipografía', 'familia de fuentes'); prop.set('options', [ {valor: "'Oswald', sans-serif", nombre: 'Oswald'}, ... ]);

y nunca deberías hacer esto de 'styleManager.render()'
Sameedkhan2521 de abril de 2020

Haz esto'''jsconst prop = editor. StyleManager.getProperty ('tipografía', 'familia de fuentes');prop.set('options', [{valor: "'Oswald', sans-serif", nombre: 'Oswald'}, ...]);```y nunca deberías hacer esto de 'styleManager.render()' @artf muchas gracias por esto He cambiado mi código por este He con...

artf21 de abril de 2020

es el método correcto para importar CSS externo que quiero precargar en el editor?

Sí, lo estás haciendo bien, deberías verlo. Comprueba que tu fuente se esté cargando correctamente (camino incorrecto, compatibilidad del navegador con .otf, etc.)

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.