Blurry text

Hi community! For one of our apps we're trying to recreate a mock-up from Figma, but the Mendix font-weights seems to turn text into a blurry mess. The app: Compared to Figma: We've tried adding antialiasing and font-smoothing, but it seems that Mendix can't properly use these lines. -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smooth: never; Trying different font-weights gives comparable results. Have anyone else encountered this problem? And are there decent (CSS) solutions to this?
1 answers

Hi Jasper,

What font are you using? Do make sure while importing the font that you’re also importing a bold variant of the font, otherwise the browser will try to make it bold by estimation, which could lead to a less sharp looking result.