Webstudio Fonts Module

This module adds custom fonts to web apps built with Webstudio

Testing and Building Module

npm i
npm run test
npm run build

Publish to NPMJS

npm publish

Importing Dependency in Webstudio

Add it to the project, this is compatible with grapesjs as well.

npm i --save wsm-fonts@latest

To import in the editor add the file and include it as a Plugin

import WSMFonts, { WSMFontStyles } from "wsm-fonts"

const editor = grapesjs.init({
    container: "#gjs",
    plugins: [
        WSMFonts
    ],
    canvas: {
        styles: [
            ...WSMFontStyles
        ],
    }
})