2023-12-04 by Wills
Users spend most of their time on other sites. This means that users prefer your site to work the same way as all the other sites they already know.
https://lawsofux.com/jakobs-law/
Web design often adheres strictly to company-defined guidelines, leading to a visual homogeneity among websites. What if, instead of imposing a standardized look, we allowed users to shape their own User Interface?
The CSS font-family property offers various keyword values, such as system-ui, ui-serif, ui-sans-serif, and others. By setting the font family as follows:
font-family: system-ui, <other fonts & defaults>;
A bit difficult to recognize, but the right panel font matches mac’s system font.
Aside: remember to have defaults which refers to Web Safe Fonts.
Users can experience a consistent font across websites, matching their device settings. Additionally, using the em font size unit ensures that the font size adjusts according to the user's preference:
font-size: 1em; ✅
font-size: 16px; ❌
Font size of the right panel matches browser font setting.
This flexibility allows users to view text in their preferred size.