Skip to main content
Question

Font is blurry in Figma


Awais_Iqbal

I have been recently moved to figma but fonts are not looking good in here at Figma. I’ve tried multiple fonts but the result is same.
Screenshot_3

This topic has been closed for comments

16 replies

Awais_Iqbal

And font is very sharp in XD or Photoshop, look at the screenshot below

Screenshot_4


Awais_Iqbal

@Gleb do you have any idea about this?


Gleb
  • Power Member
  • 4706 replies
  • June 16, 2021

It’s hard to say what’s wrong without more context. (Btw on your second screenshot the fonts got compressed and are blurry as well.) The closest thing that comes to mind is that you changed Figma interface scale. Design in Figma is larger than what I see on the browser - #2 by Gleb


Awais_Iqbal

Thanks for your response @Gleb
Interface scale is default on my screen


Awais_Iqbal

this is the latest screenshot with the default interface scale:


Gleb
  • Power Member
  • 4706 replies
  • June 17, 2021

Does this happen in all files, even if you create a new one? Does it happen when viewing the prototype? What display do you have and what scaling settings are set for it?


Awais_Iqbal

Yes, it is happening on new files too and even on prototypes.
I’m using HP LCD 1920x1080. Settings popup is also blurry. Screenshots are attached.




Gleb
  • Power Member
  • 4706 replies
  • June 17, 2021

This is a very important piece of information. In this case there is something wrong with the whole app, not just the display of things in it. I’ve heard about similar issues before but haven’t seen any answers. You may want to contact support and give them all these details.


Awais_Iqbal

Thanks man! Appreciate your help 👍


Timj
  • New Member
  • 82 replies
  • June 17, 2021

I have the same problem with fuzzy UI fonts - Windows 7 Chrome.


tank666
  • 4858 replies
  • June 17, 2021

@Awais_Iqbal, @Timj, tell me, do you have ClearType Text Tuner enabled? And what scale is set in the Windows display settings?


Awais_Iqbal

Yes
I’ve enabled the ClearType Text Tuner and interface scale settings are set to 100% (Default).
Even I’ve used the DPI settings from Figma right click properties in Compatibility section.


Awais_Iqbal

Even I’ve accessed it on different machine.
SAMSUNG LCD 1920x1080 resolution. Enabled ClearType Text on this display too.
but the result is same.


Timj
  • New Member
  • 82 replies
  • June 21, 2021

Cleartype is enabled. All other Ui type is clear/sharp. Scaling is smaller = 100%. I have noticed other Electron apps have the same issue with small sized fonts on Windows. Font legibility is poor in Figma app on Windows it is just too small + bad rendering makes it very hard on the eyes.


zp1
  • 1 reply
  • July 15, 2021

Text display problems in win10 desktop applications
The text is blurred and will not be clear until it is selected. At present, this phenomenon only happens on rtx2070’s win10 system.


aa


  • 0 replies
  • August 14, 2021

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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