Just trying to determine modern best practices for previewing, anticipating, and determining best font sizes to use for web design these days while accounting for the different types of displays the average user would be using.
We can run analytics on a site, or view global stats, to get common screen RESOLUTIONS for our sites (e.g, 1920x1080, 1366x768, etc). And we can use developer tools for simulating this and checking and adjusting site layout/flow issues. But this is only half the story, as we can't tell the screen sizes people are using for these resolutions.
So, for instance, if looking at 1920 x 1080 resolution (most common), that could be displaying on a small 13"-15" laptop screen with high PPI (pixel density), or a big 24"-27" desktop monitor with low PPI. So a font that renders at 20px might look a bit small on the laptop screens, but kind of huge & goofy on a big desktop screen.
I did some research and found that common laptop screens these days average about 145ppi when factoring common screen sizes & resolutions. But common desktop monitors are about 96ppi. This is quite a large difference to account for or try to preview in some manner.
Are there techniques or websites that allow you to 'simulate' on your current screen common sizes that users might actually see?
What are good modern best practices for approaching this?
NOTE: I've purposely left out mobile/tablet devices for the sake of simplicity, and because there are not as big of variances in those devices.