transitive-bullshit / puppeteer-lottie

Renders Lottie animations via Puppeteer to image, GIF, or MP4.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Update to latest lottie

galipmedia opened this issue · comments

I am having some weird kerning issues with my text, but its working fine locally on web version. I am wondering if something has been fixed as lottie has had many upgrades in the past 5 months.

That was not my issue after all.

Hey, would you mind posting what your issue was so other users can benefit from it if they're having a similar issue?

Thanks!

To be honest it was one of those moments where I am not sure exactly what fixed it as I was frantically changing various things. It was either the fPath needing to not be blank (which is weird because I am using a google font) or it was needing to export it in legacy format or it may have been a misuse of the inject style (which never seems to do anything for me). I will report back if I find out exactly what has fixed the issue.

After some retracing of steps it seems to be the fPath being blank that causes the issue.

"fonts": {
        "list": [{
            "origin": 0,
            "fPath": "fonts",
            "fClass": "",
            "fFamily": "Montserrat",
            "fWeight": "600",
            "fStyle": "SemiBold",
            "fName": "Montserrat-SemiBold",
            "ascent": 78.2477905973792
        }

by setting the path to 'fonts' as opposed to '' makes the kerning work fine, otherwise the letters were all weirdly spaced. Any ideas what would be behind this? It seems so random because I am specifying the google font via the inject head option, I have nothing to do with a 'fonts' directory.

Sounds good -- really appreciate you taking the time to track this down. 🙏