Issue #1940✓ ResueltoAbierto el 2 de abril de 2019por ankitjainOfficialReacciones 3

Añadir fuente personalizada

Respuesta rápidapor artf3

Prueba a usar este 'editor'. StyleManager.getProperty('tipografía', 'font-family')'

Lee la respuesta completa abajo ↓

Pregunta

Hola,

He revisado los siguientes números de GitHub: #857 #1622 #1215

Casi todos los números, aunque un poco diferentes, ofrecen una forma de añadir la familia de fuentes a la lista.

La forma más común de afrontarlo, hasta donde yo entiendo:

dejemos styleManager = this.editor.StyleManager;
sea typographySector = styleManager.getSector('Tipografía');
sea fontProperty = styleManager.getProperty('Tipografía', 'font-family');

... Luego añade fuentes
const styleManager = editor. StyleManager;
const fontProperty = styleManager.getProperty('Tipografía', 'font-family');

... Luego añade fuentes

Para ambos, me están saliendo los 'tipoSectores' y 'fontProperty' como indefinidos. No sé si estoy haciendo algo mal o si los estoy implementando mal.

Aquí tienes mi fragmento de lo que estoy intentando.

editor.on('load', () => {
      const styleManager = editor. StyleManager;
      const fontProperty = styleManager.getProperty('Tipografía', 'font-family');
      const typographySector = styleManager.getSector('Typography');
      console.log({fontProperty, typographySector}); ambos se devuelve sin definir
})

Gracias por dedicar tu tiempo a esto.

Respuestas (3)

👍 Muy útilartf3 de abril de 2019

Prueba a usar este 'editor'. StyleManager.getProperty('tipografía', 'font-family')'

workadev12 de abril de 2019

Hola @ankitjainOfficial, soy nuevo en esto, así que ¿podrías ayudarme a añadir algunas fuentes de Google en detalle? Gracias de antemano.

lock[bot]15 de abril de 2020

Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.

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 →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

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