@tdarb
I'm with you; for readable.css I just use the serif, sans-serif, and monospace keywords, not even bothering with a local font stack.
@benjaminhollon Yeah and it looks great - which basically proves my main argument!
@tdarb
Yep! CSS has so many tools now ot design based on font size that it doesn't really matter what the font is; everything else can scale to match.
It's not hard to add a custom stack, though:
:root[data-font-family="serif"] {
--font-family: some-weird-font, some-other-font, serif;
}
will do the trick.
@tdarb
I love the styling of the site you link to, though. I'm gonna have to steal some ideas. ;)
@tdarb my rant on these is that even if you design the site with this great pretty *rented* from $company, if you die, go out of business, stop paying for the monthly not so creative service from a certain graphics software provider that doesn't deserved to be named, etc., your client's site is hosed and it makes them look bad at best, at worst they're going to badmouth you for the $$$ they spent on a site that's now broken.
@tdarb Well said!
@tdarb There is a difference visual designer & an experience designer which doesn't seem to be acknowledged enough...
@tdarb *checks a paragraph of the post* "font-family: sans-serif;
" good, good
@tdarb@fosstodon.org For some reason (probably because I picked it up as being a ”good practice” years ago) I was wondering which font to use for my personal website, which I plan on writing.
Your post just made me realize I can actually just request sans-serif and save me the hassle of picking a font and avoid a bit of bandwidth-use as well.
@tdarb I am not a designer, but I agree - thanks for the nice article!
@tdarb
You might be the only designer I've met that cares about performance.
(-a web developer)
@chris_hayes Too be fair I think most designers who care enough about performance leave design for more development roles (anecdotal from my experience)
I can’t really blame them sometimes…
@tdarb just came across this tool to help pick non-custom fonts, actually useful. https://modernfontstacks.com/