Skip to main content
Solved

Can't change font style via variable?

  • September 13, 2024
  • 6 replies
  • 186 views
Tascha

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

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

Figma_7fvFrFJReV

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

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

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

Figma_XhumKIjcua

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 🙏

Best answer by Tascha

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 🙂

View original

y_toku
Figmate
  • y_toku
  • Community Support
  • September 17, 2024

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

Tascha
  • Tascha
  • Active Member
  • September 17, 2024

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 😊

y_toku
Figmate
  • y_toku
  • Community Support
  • October 1, 2024

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

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

Tascha
  • Tascha
  • Active Member
  • October 1, 2024

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 😂

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.

S
1 person likes this
  • S
    seni
y_toku
Figmate
  • y_toku
  • Community Support
  • October 2, 2024

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!

Tascha
  • Tascha
  • Active Member
  • October 4, 2024

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 🙂

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings