I used to use system fonts for my blog theme, but I rethought this decision and converted to the following font-family in my CSS:
font-family: sans-serif; Right, that’s just sans-serif. This should choose the default sans serif font, which is configurable in most browsers.
By choosing sans-serif only, I give the reader the option to decide for themselves which font to choose. If I use the system fonts, I ignore the user’s preferences and force a specific font on them, which they may not have set as default for good reasons.
I shared a link to 98.css the other day. Now there is also XP.css in the style of Windows XP. This brings back some memories, because I actually worked quite a lot with Windows XP. But I am curious about 7.css and 10.css. 😂
The first Windows I used was Windows 2000 on the computer my parents gave me sometime in primary school. But with 98.css it is now even possible to make websites in the style of Windows 98. Wouldn’t that be an idea for the next homepage redesign?
98.css is a CSS library for building interfaces that look like Windows 98.
Nevertheless, accessibility is a goal of this project:
This library relies on the usage of semantic HTML.
Although it’s great to self-host your web fonts instead of using a service like Google Fonts (that may decrease the privacy of your site’s visitors, because Google can log IP addresses and other stuff), it’s probably not necessary to use web fonts at all. Every PC or tablet or phone has a lot of fonts already pre-installed, which are more than perfect for displaying your website (unless you take a lot of care about corporate design or your personal brand and require a specific font).
I’m currently in the process of improving my sites Hugo theme. I removed features I never used and simplified unorganized HTML and CSS, to enable adding new features (like better support for IndieWeb things) later.
My theme was once based on the Hugo theme Mainroad, but I modified so much over the time that almost nothing is left from the original theme. The theme, which was a port of a WordPress theme called “MH Magazine”, supported Internet Explorer 11, but when I discovered CSS variables, I made use of them and broke Internet Explorer support on the way.
I generally prefer dark user interfaces wherever possible. My phone is set to a dark mode (as far as there is a dark mode in Android Pie), apps like Telegram are set to dark mode and on the desktop I prefer dark modes too. But the most important software I use everyday is a web browser. And most websites don’t support a dark mode yet (because there was no native browser feature for that until recently).