Have only read the title. There is this cool font I found recently. It's called comic sans and it's really neat. Just use it with color="red" on a black background! Looks super cool!

Have you considered just using the user's browser font via sans-serif?

I did this on my website some time ago and honestly feels like it is the best way. You're repecting the user's wishes if they have a custom typeface specified, and the defaults on most OS' are good these days otherwise.

Plus, you save some network requests and page size.

I used to use all sorts of custom fonts several years ago, but now I just use the system fonts instead.

Allows the site to render almost immediately without text blinking (on first load) and makes users feel as if it fits in with their OS design language

font-family: -apple-system, BlinkMacSystemFont, "Inter", "Cantarell", "Ubuntu", "Oxygen", "Segoe UI", "Helvetica Neue", "Roboto", system-ui, Arial, sans-serif;

Might be helpful to ask on some of the programming comms though:

• !no_stupid_questions@programming.dev
• !programming@programming.dev (questions here should be flared [Help])
• !webdev@programming.dev

Have you tried to put a bigger emphasis on good content instead of micromanaging exotic fonts?

Just take one of the common standard fonts. Most of them are tried and tested for readbility and quality. Bonus: Nobody needs to download them from somewhere just to get your website "right". Which means less problems and faster loading times.

The only acceptable answer is wingdings.

I like Monaco, it's both sans-serif and monospace.

So, 20kB is not that much, honestly (even considering you probably need 4*20=80kB for regular/bold/italic/bold italic). I would just set a suitable caching policy in the server software and leave it at that. Regarding fonts being overused — unfortunately pretty much all the higher-quality ones from Google Fonts are. If you find another suitable font from Google Fonts, you may not be happy for too long.

(I used to maintain a website at work that delivered 1.5MB of CSS (600kB compressed), consisting of Bootstrap, Bootstrap extras, and then the previous two designs of the website layered on top of each other. That is sad.)

Comic Sans

JetBrainsMono

I like this font

"Won’t bleach your fucking eyeballs at night if your browser thinks you like dark things;"

I just can't understand why this is so rare. I often just leave white websites.

Nunito is a fun font.

I use monospace.

For my website, I went with my two favourites: Ubuntu for sans-serif and Cascadia Code for monospace. I think it's a good combination. 🙂

system-ui

ETA: -webkit-text-stroke is meh, doesn't look clean at all.