Variable "Optical Size" doesn't work

Hi there
When I export my font to variable TTF my “Optical Size” doesn’t work.
It works in my interporlation preview (within Glyphs), but not when I have exported.
I have checked everything, but can’t find the error.
So it might be an export error or just a file setup, which I can’t see.

This is my setting:



In which app did you test and how?

I have tested in these two:

I can recommend using FontGoggles instead of browsers. Neater, less unknowns, and you can save the documents and colour the files with appropriate Finder tags.

https://fontgoggles.org

Then you should also use FontTableViewer. Drop your generated VF-TTFs (and any other format for that matter), and look at the fvar table. It should contain your axes.

Thanks! I got it working :slight_smile:

1 Like

There used to be a bug in Safari misinterpreting the opsz axis. Not sure if it still manifests itself. More details in the variable font tutorial.

Thanks. I found out there also was a Safari problem on the ‘Optical Size’ property.
The problem is that if you use text-rendering: optimizeLegibility; and -webkit-font-smoothing: antialiased; Safari will handle Optical Size for you and you will be unable to set that. So if you want to set optical size on a variable font, leave these CSS values unset.

3 Likes

Safari is the new Internet Explorer. A pain to work with. The bugs aren’t even the same across MacOS, iOS, iPadOS.