Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode

Black isn’t always slimming. When recently testing a dark mode option for one of my sites, I experienced first-hand the issue that Robin Rendle addresses in this article. All of my page text — headings and body copy — appeared to bulk up when I switched to dark mode. And it didn’t matter what fonts I used or which browsers I tried. The same thing happened with all of them. For example, here’s what happens with Adobe’s Source Sans … Read article “Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode”

The post Using CSS Custom Properties to Adjust Variable Font Weights in Dark Mode appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/using-css-custom-properties-to-adjust-variable-font-weights-in-dark-mode/

Creato 4y | 10 dic 2020, 20:20:50


Accedi per aggiungere un commento

Altri post in questo gruppo

The Importance of Investing in Soft Skills in the Age of AI

I am still an AI skeptic. The biggest risk I foresee is that if your sole responsibility is to write code, your job is at risk. It’s not time to panic, but I do see a lot of value in evolving your

6 gen 2025, 15:30:04 | CSS tricks
Thank You (2024 Edition)

I'm more thankful this time around because, last year, I didn't even get to write this post. But now that I'm back, writing this feels so, so, so good. There's a lot more gusto going into my writin

30 dic 2024, 16:20:19 | CSS tricks
A CSS Wishlist for 2025

2024 has been one of the greatest years for CSS: cross-document view transitions,

23 dic 2024, 15:10:04 | CSS tricks
The Little Triangle in the Tooltip

Today, I want to focus on what I'll call the little triangle in the tooltip. It receives minimal attention but it amazes you by how many ways there are to make them. Let's start with the simplest a

20 dic 2024, 17:30:19 | CSS tricks
How to Create Multi-Step Forms With Vanilla JavaScript and CSS

When was the last time you developed a multi-step form? There’s so much to think about and so many moving pieces that need to be managed. But doing it by hand can be a good exercise and a great way

18 dic 2024, 16:50:11 | CSS tricks
What ELSE is on your CSS wishlist?

What else do we want or need CSS to do? Chris kept a CSS wishlist, going back as far as 2013 and following back up on it in 2019. We all have things we'd like to see CSS do and we always will no ma

17 dic 2024, 20:10:04 | CSS tricks