He usado este método para cargar fuentes, funcionando bien en Chrome pero mostrando la lista original de fuentes en Safari
Comprueba si tu Safari no muestra el contenido en caché y carga la fuente correctamente, ya hemos hablado de lo mismo aquí https://github.com/artf/grapesjs/issues/2716
Lee la respuesta completa abajo ↓Pregunta
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 Neue,Helvetica,Arial,sans-serif", nombre: 'Helvetica'}), fontProperty.addOption({value: "sans-serif", nombre: 'sans-serif'}), fontProperty.addOption({value: "Times New Roman", nombre: 'Times New Roman'}), fontProperty.addOption({value: "Arial Black", nombre: 'Arial Black'}), fo...
Respuestas (1)
Comprueba si tu Safari no muestra el contenido en caché y carga la fuente correctamente, ya hemos hablado de lo mismo aquí https://github.com/artf/grapesjs/issues/2716
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #2951
Sector de tipografía no encontrado
Cuando intento añadir una fuente al gestor de estilos, utilizo el siguiente código: 'const prop = editor. StyleManager.getProperty ('tipogr...
Issue #2762
Cómo escuchar el cambio de valor de rasgo directamente desde la adición de bloques
Estoy pasando de seguir JSON a editor. BlockManager.add()' para definir mi bloque, cargar su contenido desde el servidor y poblar el rasgo...
Issue #2667
El elemento enlace no se añade en el elemento cabeza en ediot.canvas #firefox #grapesjs
Estoy intentando añadir Google Fonts en Web-Builder para cambiar el estilo de la fuente, así importar. Añadiendo CDN en el editor, el códig...
Issue #1756
Arrastrar y soltar no funciona en la ventana del editor redimensionada en Google Chrome
Hola, he desarrollado algunos componentes y todo funciona bien en Firefox, navegador Opera. En Google Chrome también funciona bien solo en...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
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 →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Tutoriales relacionados
Guías detalladas sobre el mismo tema.
Tutorial
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyer–studio pair, the whole history in one place.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component — click to select, then one-click fix.
Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.