How can I have my fonts scale based on screen size?
(So, rather than just having a few media queries to adjust to maybe 3 or 4 screen sizes, have the font be proportional to the screen size so we make maximum use of the screen.
I need to support all browsers back to ie6. It's OK if the support is not "pretty" on browsers with < 1% market share but it should at least be usable.
- vm (% of viewport size) : not well supported.
- Using Ems (this seems to at least adapt somewhat. (If I view it on my phone and change from landscape to portrait the font gets a bit smaller. I"m guessing maybe the phone/browser is resizing the base font in that case.
- using a lot of Media queries (10 or 20) and perhaps using EM for all sizes so we only have to set the base (body) font size in the media query.