Issue with changing OpenType Features for multiple text styles

There’s an issue with updating multiple text styles from OpenType Features menu.

When I select multiple text styles, and update one of the things within OpenType Feature submenus, all text style attributes got updated (font size, align, etc.).

It’s kind of annoying, because to tweak all text styles, for each open type feature you need to do it for each of the font style separately.

I tested in stable (96.3) and new beta (97) - both has this issue.

Hey @oleksify

Thanks for reporting.

This issue is on our list and something we need to fix. Sorry for the inconvenience.

1 Like

@jonne Any updates on this? Few versions were released, but using open type features is still not possible. Not only because constant type style overrides. For example using stylistic sets with Inter font is breaking it completely. This is not working only in Sketch. Figma, Penpot, Framer - all working fine.

I also tried stable release, beta, few previous versions… Reinstalling the font, etc.

Hey, I understand it’s taking a while. We’re sorry about that. Unfortunately, there’s no news on this issue yet. We’ll keep you posted when we have more information.

Sadly, as simple as it may sound, it’s kind of a blocker. Oddly, it’s not possible to use the main font of your design system, makes it a blocker for not being able to use the whole app. I tried everything, reinstall font, app, checked if it’s not embedded into document. Also, Inter is a very popular font. Maybe not everyone use alternative stylistic sets, but if you do - it’s a complete blocker. :frowning:

Hi @oleksify

We’d love to help see if we can get past this blocker. I think we have two different issues:

  1. Editing multiple styles at the same time (original issue)
  2. Results from using the Alternates option from Open Type Features in a Text style

We’re a ware both can be improved, and I wanted to ask if you can elaborate a bit on the things that are blocking you from using Inter. Perhaps if you can share a bit more info about the nature of your project and the need for certain characters like sub/super scripts, old style numbers, etc.

I think we can take a closer look and also hope to find a workaround so you can use Inter in your projects.

Thanks in advance :pray:

Sure. You are correct - there are two issues, and you outlined them correctly.

  1. The first one is NOT a blocker - it’s just an annoyance/time waste, but you can get around it.
  2. The second one - is a blocker, as it’s not possible to have the same font settings in Sketch as we have in web. Basically, the designs look different. What I need is to have this Inter settings enabled in Sketch:

https://rsms.me/inter/lab/?feat-cv05=1&feat-cv11=1&feat-cv12=1&feat-cv13=1&feat-ss01=1&feat-ss03=1&feat-ss04=1&feat-tnum=1&feat-zero=1

It may look like a small thing, but it changes the look and feel of UI. I had a feeling that it was working at some point but then changed, but I can’t confirm. I switched project to use Figma mainly because of these. I had to spend too much time trying to render font properly.

It may be issue with latest Inter v4, maybe. I’m not sure. I tried installing both TTF and OTF versions.

Thanks so much for sharing these details :pray: We’ll take a look and share an update as soon as possible

Just to confirm - I just tried Inter font v3.19 - same issues :frowning:

Hi Oleksii,

I have an update I want to share. I tested with Inter 4, I’ll sum it up and then go into the details:

  1. The Typography panel is easier to use than the Text menu options
  2. There’s a bug affecting alternate characters

Typography panel or menu options

There’s a Typography panel that you can access through the Fonts toolbar button. This panel offers an equivalent to the Open Type Features menu options, in a more GUI way. Inter has a lot of Open Type features, and this panel let’s you use them easier.

The menu option Text → Open Type features → Alternates works well when you apply it to a subrange of your text layer, for example, to set a sub or superscript. However, you need to know what’s behind each alternate set.

When you apply the Alternate set to a paragraph, you’ll get a weird mix of sub and superscript, small caps and others, depending on what’s behind each option. We’re aware these menu options need improvement.

Example using the Open Type features menu options:

menuOption

 

Example using the Typography panel:

typographyPanel

 

There’s a bug affecting alternate characters

There’s a bug that’s currently affecting alternate characters. The Engineering team is aware of it. The bug happens when you use alternate characters like the single-storey a, or the compact “f” or “t” variants.

The bug is that when you set these alternate characters, save and then reopen the file, the file shows an error and the alternate characters are gone. When testing Inter, I also noticed that you can’t use the alternate characters when you also have the other features, like tabular numbers, or the round quotes.

I prepared a Sketch file that contains a text style with all features but the alternate characters, I hope it helps.

Inter Open type features.sketch (1.1 MB)

Thanks. I didn’t know about that hidden Typography panel. But in general it seems that feature is not usable. I tried playing with it but still didn’t manage to get font setting to match branding :frowning: Hope, there will be proper fix at some point.

@dfmedrano Are there any updates regarding this issue? My Year subscription ends next month. I’ve struggling with this bug for a long time, reporting it multiple times but no result. Is it safe to assume that this will not be fixed any time soon (or maybe it’s not even considered as something to fix - the feeling I have since there were no attempts to fix this)?

Working with typography as one of the basic primitives is extremely important in design (at least for me). It’s part of brand’s design languages together with colors. I’m assuming (as expected) Sketch is focusing more on vector editing than UI/UX which is fine. Just want to know what to expect.

Unfortunately, Penpot also missing open type features, so this leaves me only Figma which is doing great job regarding typography.

1 Like

Hi @oleksify,

I understand the concern and you make very valid points. This is still on the to do list. Of course, I wish I had the news you expected, but I don’t have an estimated time for this to be worked on.

We’re aware that this can look quite differently from your point of view. It may seem like there’s no movement or that we’re not considering this, but we are, this is definitely something that needs fixing, and I wish we could cover way more reports and requests, but as any other team out there, there’s a limit on the output you can process at any given time.

I truly hope we can still assist you in the future, but I also understand the time will come when you’ll need to make a choice. We’re always here and whatever that decision is, we’ll keep pushing for getting this fixed.

1 Like

I found partial solution - GitHub - twardoch/fonttools-opentype-feature-freezer: OTFeatureFreezer GUI app and pyftfeatfreeze commandline tool in Python to permanently "apply" OpenType features to fonts, by remapping their Unicode assignments . WIth this tool it’s possible to set specific open type features as permanent in the font. I just created derivered font from Inter with what I need and it’s working great now. Hope this may help someone in the future.

Not sure if this will make me switch back from Figma, but I will play with Sketch again this month. Smart Layout is probably much smarter than me as it’s drives me mad :slight_smile: Penpot version I figured in few minutes, but Smart Layout is not an easy one. Anyway, let’s see how it will go.

Hi Oleksii,

Thanks for sharing this! I’ve noted it and keep it in mind in the future.

About Smart Layout there are great news! The team is working to bring auto layout like features to Sketch! If you haven’t seen this post, give it a try; you can share what you’d like for the new layout feature in Sketch!

Call for feedback: “auto layout”