mifi/editly

Fonts Failing to Load with Slide in Text

JohnPiwinski opened this issue · 1 comments

I am trying to render the digital fruit fonts. The font is supposed to look like the following.

image

But, when I render a video using editly the output is lacking the color within the text.

image

Is this an error in fabric.js? Is there a way that I can remedy it? Here is my json schema.

{
    "outPath": "video.mp4",
    "keepSourceAudio": false,
    "defaults": {
        "layer": {
            "fontPath": "./font.ttf"
        }
    },
    "clips": [
        {
            "duration": 2,
            "layers": [
                {
                    "type": "video",
                    "path": "./.tmp/Alaska_4.mp4"
                },
                {
                    "type": "slide-in-text",
                    "text": "\u00c9rase una vez, hab\u00eda un perro valiente llamado Ben viviendo en Alaska con su due\u00f1o, Mark.",
                    "position": {
                        "x": 0.04,
                        "y": 0.8,
                        "originY": "bottom",
                        "originX": "center"
                    },
                    "fontSize": 0.05
                }
            ]
        }
    ]
}

I think the issue stems from line 114 of fabric.js

export function registerFont(...args) {
  fabric.nodeCanvas.registerFont(...args);
}

I found in the fabric documentation that the stroke width parameter can produce a similar effect.

image