[sf-lug] draft web page changes (font size?)

[Ron]

Ken Shaffer wrote on 2026-01-06 14:50:

> Ron, you seem to be wanting a font default for different sized screens 

I thought about going that route, but no, it's not worth the effort; a 
single font-size was the goal.


> See sites like thetasystems.net <http://thetasystems.net> for 
> an example of such "responsiveness" to screen size (change your firefox 
> window size to see the changes in font and images).
That's a bit clunky implementation using (probably) media-query.


Better to use font-size=#vw (viewport width percentage units). Then 
there's a beautiful change in size at each step of re-sizing - it's a 
continuum, not stepped.


Of course, then one should clamp(min, default, max) the font-size when 
using vh units so things don't get too small / large.

And that's where the effort > value.


See the squares on this little memory game for constant resizing feature:

http://react-dev.bclug.ca:3000/memory-game

(Damn, that game's kinda fun & addictive.)