• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Lottie file doesn't work in preview mode (in browser)

Community Beginner ,
Jan 15, 2023 Jan 15, 2023

Copy link to clipboard

Copied

Hi!

 

I've added a lottie file on a screen in my design. It worked perfectly in preview mode in Adobe XD, but when I opened the preview in browser, it seems like I didn't added any lottie file into design. As I read about lottie issues on the forum, I understand that there were some issues with lottie animations containg text. The animatimation I use doesn't contain any text. I'll attach a preview from Adobe XD for what it should have looked like.

 

How can I resolv this problem?

 

Denisa

Views

412

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Jan 20, 2023 Jan 20, 2023

Hi @Denisule,

 

I tried loading the Lottie file into XD, and it gave me the same error as Ares showed up. After investigating the file, we found out there is a text layer with Font that has limited glyphs due to subsetting.

HARSHIKA_VERMA_1-1674241428523.png

 


We tried editing the JSON file and removed the Font used in this file. 

 

HARSHIKA_VERMA_0-1674241282867.png

 

 

Note: This seems to be a specific file issue where we are able to remove the fonts to fix the issue.

Please check the attached Lottie file, it should open fine now.

 

Let us know if you need fur

...

Likes

Translate

Translate
Community Expert ,
Jan 16, 2023 Jan 16, 2023

Copy link to clipboard

Copied

Do you have the same result in different browsers?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 16, 2023 Jan 16, 2023

Copy link to clipboard

Copied

So far I tried to preview the animation in chrome and safari (on mac) and in mozilla (windows). I got the same result 😞 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 16, 2023 Jan 16, 2023

Copy link to clipboard

Copied

Hi @Denisule,

 

Sorry for the trouble and trying the steps suggested in the posts. Is it possible for you to share the Lottie file with us so that we can check on our end? The suggestion earlier was to change the font in the Lottie file. 

 

Does that happen with this specific Lottie file or all files?

 

We will try our best to help.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 16, 2023 Jan 16, 2023

Copy link to clipboard

Copied

Sure, I'll attach the lottie below. It's the only lottie I use throughout the design for successful payment

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jan 18, 2023 Jan 18, 2023

Copy link to clipboard

Copied

Screenshot 2023-01-18 203817.jpg

I am not able to load this file into xd. Can you try anyother file from plugin

LottieFiles for Adobe XD

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 20, 2023 Jan 20, 2023

Copy link to clipboard

Copied

i've also tried the lottie from plugin and i got the same result

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 20, 2023 Jan 20, 2023

Copy link to clipboard

Copied

Hi @Denisule,

 

I tried loading the Lottie file into XD, and it gave me the same error as Ares showed up. After investigating the file, we found out there is a text layer with Font that has limited glyphs due to subsetting.

HARSHIKA_VERMA_1-1674241428523.png

 


We tried editing the JSON file and removed the Font used in this file. 

 

HARSHIKA_VERMA_0-1674241282867.png

 

 

Note: This seems to be a specific file issue where we are able to remove the fonts to fix the issue.

Please check the attached Lottie file, it should open fine now.

 

Let us know if you need further assistance. We'd be happy to help.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jan 22, 2023 Jan 22, 2023

Copy link to clipboard

Copied

LATEST

Thank you so much for your help!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines