I highly recommend checking out this recent article from a list apart: https://alistapart.com/article/flexible-typesetting

As well as this continually-updated website: https://betterwebtype.com/web-typography-resources

Both give good high-level overviews of readability in digital typesetting and help with choosing the right fonts for the job

> System fonts won't be sufficient you think?

They are great and battle tested of course, but a good font is something that makes a good design stand out. I feel it's a 'hidden' component that many people can't articulate that they like it in a design. It totally depends on the project though :)

more on this: https://practicaltypography.com/system-fonts.html

The Typewolf blog is great:

https://www.typewolf.com/google-fonts

https://www.typewolf.com/blog/google-fonts-combinations

https://practicaltypography.com/font-recommendations.html

sans-serif, serif and monospace are great! The actual default fonts for the platform will be selected when you use these. And these are pretty good usually and will match the user's chioce and what the user is most accustomed to seeing, which helps readability.