Email or username:

Password:

Forgot your password?
Yep! Type ❖ UI fonts

A friendly reminder: if you have a variable font, you can easily adjust the weight for light and dark themes at no extra cost.

In the video, notice how the font stays visually consistent, even though the weight changes a bit to maintain that look.

#uidesign #ui #webdev #typography

3 comments | Expand all CWs
sudo (but scary)

@yeptype what’s the rationale behind this? I’m just curious- seems like a good tip!

Yep! Type ❖ UI fonts

@sudo_whoami Here’s a way to think about it: Our displays are essentially millions of tiny light bulbs that emit light, creating a glow. This glow visually “bleeds” into the surrounding dark areas.

As a result, a black line on a white background appears thinner to our eyes compared to a white line of the same thickness on a black background.

That’s why it makes sense to compensate for this effect when designing text.

Leona

@yeptype for me it didn't compensate that much. The black-on-white text still looks thinner than white-on-black even after your adjustment. Perhaps that depends on the screen size and varies from person to person

Go Up