# Extending GrapeJS

**URL:** <https://forum.mautic.org/t/extending-grapejs/22730>\
**Category:** 3rd Party Addons\
**Tags:** development\
**Created:** [February 16, 2022, 6:59pm UTC](https://forum.mautic.org/t/extending-grapejs/22730 "2022-02-16T18:59:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jtimana](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jtimana/32/2352_2.png) [@jtimana](https://forum.mautic.org/u/jtimana)\
**Post date:** [February 16, 2022, 6:59pm UTC](https://forum.mautic.org/t/extending-grapejs/22730/1 "2022-02-16T18:59:40Z")

</div>

Hey guys, I’m trying to extend GrapeJS in Mautic to be able to include Google fonts. However, I’ve not been able to find the right, uncompiled, source code or an API where I can just hook into the system and extend the plugin. Am I missing something or is this just not possible at the time? Thanks.

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [February 16, 2022, 10:40pm UTC](https://forum.mautic.org/t/extending-grapejs/22730/2 "2022-02-16T22:40:30Z")

</div>

You can add mj-font to the mjml header and refer to google fonts. However it wont work in the majority of email readers. This is not a Mautic thing, but simply an email thing:

> **[Everything You Need to Know About Web Fonts in Email](https://www.google.hu/amp/s/www.campaignmonitor.com/resources/guides/web-fonts-in-email/m/)**
>
> Trying to figure out how to use typography in html email? We'll provide actionable advice about how to choose the ideal web font in email. Read more now!

---

<div class="post-metadata">

**Author:** ![jtimana](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jtimana/32/2352_2.png) [@jtimana](https://forum.mautic.org/u/jtimana)\
**Post date:** [February 17, 2022, 2:34am UTC](https://forum.mautic.org/t/extending-grapejs/22730/3 "2022-02-17T02:34:56Z")

</div>

Yeah that’s how I’ve been doing it, but I’d like it to be integrated with the GrapeJS editor when you select a font. The idea is not to modify the code at all and to be able to select the font from the dropdown menu.

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [February 17, 2022, 5:34am UTC](https://forum.mautic.org/t/extending-grapejs/22730/4 "2022-02-17T05:34:24Z")

</div>

Oh 🙂 Sorry.  
I suggest to drop a line in the i-builders channel in Slack, and ask there.

---

<div class="post-metadata">

**Author:** ![jonathandhn](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jonathandhn/32/5737_2.png) [@jonathandhn](https://forum.mautic.org/u/jonathandhn)\
**Post date:** [February 23, 2022, 10:47pm UTC](https://forum.mautic.org/t/extending-grapejs/22730/5 "2022-02-23T22:47:26Z")

</div>

I’m in the same, It has to be done at the grapeJS Init (According to grapejs) but I don’t know where are the files to edit in mautic too…