Can't change font style via variable?

Ask the community
, , , ,
1

Sooo idk if I’m missing something really basic here or if it’s maybe a bug?

I’m trying to just change some text of a component via variable from Regular to Bold:

Figma_QLssy5ePNJ
Figma_QLssy5ePNJ1500×521 32.9 KB

Main component, variable is linked to style; variable setup is on the bottom of the image

Figma_7fvFrFJReV
Figma_7fvFrFJReV1505×727 37 KB

Instance, set to “view” - this should now be bold, right?!

(And yes, the text styles are called “Regular” and “Bold” in the dropdown too:)

Figma_EUt25BqB5W
Figma_EUt25BqB5W1514×758 43.6 KB

Am I missing something or is this a bug?

EDIT (before posting lol):

Ok, I’ve just tried it in a new file with all new set up variables and all - it worked there. Thought it was an issue with my initial file but NOPE! It seems to be an issue with the font:

Figma_7YyT6GiQQd
Figma_7YyT6GiQQd1509×567 33.1 KB

Used the original file and just changed the font to Inter - now it’s working!

Figma_XhumKIjcua
Figma_XhumKIjcua1452×722 40.9 KB

One difference I found was that Inter supports variable font axes - Poppins (font I’m having the original issue with) doesn’t - could that be it?
So variables for styles only work if the font supports variable font axes?

Let me know y’all thoughts please :pray:

2

Hi there,

Thanks for reaching out! I tested it on my end, and it seems to be working with Poppins as shown below:

I used the same settings as you, and the font wight changed when I switched modes. Could you please check if your mode settings are configured correctly?

Thanks!
Toku

3

The difference I see right away is that you apply the variable to the text preset - I apply it just to the component.

If you can maybe specify what mode settings you are refering to specifically? Then I can check :blush:

4

Hi there,

Sorry for the delayed response. I also tried to apply the variable to the component and it looks working fine on my end. Can you try Repair variable connections or Repair component connections via quick actions?

image
image856×324 10.7 KB

If the issue still persists, could you submit a bug report detailing the steps that led to this issue? You can do so by following the link: https://help.figma.com/hc/en-us/articles/360041468234-Submit-a-bug-report

Thanks for your patience.
Toku

5

I tried the repairing and it did not work sadly.

But funny story:

I copied and pasted the variable + instance into my “Figma support file” to have a link to share - but there it is working?! With Poppins and all :joy:

It’s still not working in my original file where I witnessed the issue first, and also not in the file where I recreated the issue to test it and mess around with (where the screenshots above come from). So I guess here’s the “mess around file” and here’s the figma support file.

Additionally I will submit a bug report - if I get any updates I’ll post em here.

1 Like
6

Thank you for getting back to me. Yes, submitting a bug report seems like the best course of action in this situation. Please hang tight while our support team assists you.

Thank you for your patience!

7

I had a Figma update today and since then it seems to be working!
(In all files, even the original one that I couldn’t share).

So hopefully that was it :slight_smile: