Highlighted

Shifting fonts between Windows and Mac OS

Community Beginner ,
Feb 25, 2020

Copy link to clipboard

Copied

I am having this compatibility issue in Animate between Windows and MacOS.

01_macOS version opened in macOS.png

I create this text layer with the mask in Mac OS.

 

02_macOS version opened in windows.PNG

And then I open the same exact file in Windows. It has shifting position. 

03_windows version opened in windows.PNG

It is the same thing when I do the opposite. I create this text layer with the mask in Windows.

 

04_windows version opened in macOS.png

And then I open the same file in Mac OS. It is displaced.

I tried these two files in both AnimateCC 2019 and 2020.

TOPICS
Error

Views

488

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

Shifting fonts between Windows and Mac OS

Community Beginner ,
Feb 25, 2020

Copy link to clipboard

Copied

I am having this compatibility issue in Animate between Windows and MacOS.

01_macOS version opened in macOS.png

I create this text layer with the mask in Mac OS.

 

02_macOS version opened in windows.PNG

And then I open the same exact file in Windows. It has shifting position. 

03_windows version opened in windows.PNG

It is the same thing when I do the opposite. I create this text layer with the mask in Windows.

 

04_windows version opened in macOS.png

And then I open the same file in Mac OS. It is displaced.

I tried these two files in both AnimateCC 2019 and 2020.

TOPICS
Error

Views

489

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
Feb 25, 2020 0
Guide ,
Feb 25, 2020

Copy link to clipboard

Copied

Are you sure it's the mask that moves and not the font that renders differently?

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

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
Reply
Loading...
Feb 25, 2020 1
Community Beginner ,
Feb 25, 2020

Copy link to clipboard

Copied

Possibly! I will break the text layer and try again tomorrow. I dont have access to Mac OS right now.

Thank you.

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
Reply
Loading...
Feb 25, 2020 1
Guide ,
Feb 25, 2020

Copy link to clipboard

Copied

Yeah, break the text apart to raw vector shapes or put some grid lines behind to try and identify what actually moves.

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

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
Reply
Loading...
Feb 25, 2020 1
Community Beginner ,
Feb 26, 2020

Copy link to clipboard

Copied

Yes the shifting was from text layer! Thank you.

Rarther than converting the text layer into a vector shape, would there be other solutions I can prevent this type of shifting happen between two different OS while the text layer remains editable?

The shifting does not occur in True Type fonts like Times New Roman, but other Open Type fonts.

I've also tried changing Render setting from the Character panel but it wouldn't solve this issue.

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
Reply
Loading...
Feb 26, 2020 1
Community Beginner ,
Feb 26, 2020

Copy link to clipboard

Copied

I found few other people in this forum experiencing the issues that are similar to this.

And this is the one that I can realate to the most: 

https://community.adobe.com/t5/animate/align-text-in-vertical-center-of-text-box-on-mac/m-p/2011620?...

Apparently this issue has been around more than 10years. Adobe was going to look into this problem but it has not been resolved since then? 

Anyway, I found two other methods that are worth trying from the comments in the posting above.

 

------------

I discovered that this bug only affects OTF fonts.  All TTF fonts seem ok.  I think smcaulif said as much above.

 

So you should be ok if you convert all OTFs to TTF.  This website seems to work well: http://www.freefontconverter.com/

 

David

------------

For people still suffering this problem, you can use this to convert text fields placement from Windows to Mac and vice-versa:

https://github.com/TheGood/ShiftTextFields

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
Reply
Loading...
Feb 26, 2020 0
Community Beginner ,
Feb 27, 2020

Copy link to clipboard

Copied

Some fonts do shift other fonts do not. Type of fonts (OTF/TTF) is not the factor that decides whether it would shift or not in two different OS.

How much the text shifts are also depending on which font it is.

 

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
Reply
Loading...
Feb 27, 2020 0
Guide ,
Feb 27, 2020

Copy link to clipboard

Copied

Hi again mate,

 

When testing, are you certain that the fonts that move are actually the same font, i.e. the exact same font file installed on the Mac and the Win machines?

It is very possible that they are similar or called the same, but to differ in all kinds of metrics. You know, fonts contain meta information for kerning, etc. 

 

I'm no expert in this area, but have heard that even in serious programs like InDesign there are differences between how fonts render on Win and Mac.

 

I can imagine that if some fonts behave well and others don't it could be a font issue and not an Animate issue.

 

Good luck with your work!

 

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

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
Reply
Loading...
Feb 27, 2020 0
Community Beginner ,
Feb 27, 2020

Copy link to clipboard

Copied

Yes! All the fonts I’ve tested are from the same exact font files.

I even tried remove all the fonts and install them again to make sure I am testing the same exact font files.

Like you mentioned, I also see other Adobe products have such problems with the fonts that render differently between Windows and Mac.

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
Reply
Loading...
Feb 27, 2020 0
Adobe Community Professional ,
Feb 25, 2020

Copy link to clipboard

Copied

This is a tutorial on how to mask. https://youtu.be/8GHoAFeTYQc

Why are you going back and forth from Mac and windows? I did it with no issues. 

Are you using the latest OS for mac and windows? Remember Adobe animate 2020 is 64bit

How to create a mask in adobe animate

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
Reply
Loading...
Feb 25, 2020 1
Community Beginner ,
Feb 25, 2020

Copy link to clipboard

Copied

I don't have detailed info about OS versions at the moment.

I was using two PC laptops. One was Windows 10 pro. Another one was Windows 10 home 10.0.17763 Build x64-based PC.

I think Mac OS version is pretty much recent. It hasnt been long since I updated it.

For AnimateCC, I used both versions of 2019 and 2020.

Does this make any difference in how the graphic looks from stage pannel though?

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
Reply
Loading...
Feb 25, 2020 0
Guide ,
Feb 25, 2020

Copy link to clipboard

Copied

Animate is 64-bit and will not run on a 32-bit system.

- Nick: Character designer and animator, Flash user since 1998
Member of Flanimate Power Tools team - extensions for character animation

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
Reply
Loading...
Feb 25, 2020 1
Community Beginner ,
Feb 25, 2020

Copy link to clipboard

Copied

 Good to know! Thanks.

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
Reply
Loading...
Feb 25, 2020 0
PauloSC LATEST
Community Beginner ,
May 12, 2020

Copy link to clipboard

Copied

Seems the problem is in the Auto kern.
In windows, if Auto kern is active, the kerning table os the font is used.

On a MAC, if Auto kern is active, the kerning table os the font is NOT used.

Using or not Auto kern in a mac is exactly the same, no adjustment is made to the text, wich is wrong.

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
Reply
Loading...
May 12, 2020 0