javascript - Responsive Fonts: Non-supportive Browsers -

javascript - Responsive Fonts: Non-supportive Browsers -

on website using next css font-size:

#block-menu .menu { font-size:.9vw }

the viewport width works great responsive website decreasing/increasing fontsize width depending on screen resolution! works great in ie 10 , firefox 30. yet, older browsers not back upwards html5/css3 ? illustration safari 5 not back upwards .vw font-size. have inserted .9em backup font-size. works not work .vw font-size. point of website responsive website, including fonts. right issue i'm having responsive website fonts.

here questions concerning responsive fonts. -if web browser not html5/css3 compliant , utilize modernize.js alert visitor must upgrade browser? -just utilize html/css friendly font-size browsers not back upwards html5/css3 yet? - have other options?

maybe looking for?

<!-- base of operations buggyfill. --> <script src="path/to/viewport-units-buggyfill.js"></script> <!-- hacks plugin needed behaviorhacks work correctly (see below). --> <script src="path/to/viewport-units-buggyfill.hacks.js"></script> <script>window.viewportunitsbuggyfill.init({ // milliseconds delay between updates of viewport-units // caused orientationchange, pageshow, resize events refreshdebouncewait: 250, // ie9, ie10 workaround viewport units allowing vmin/vmax. behaviorhack: true, // ie9, ie10 workaround viewport units allowing safari ios <= // utilize vmax. contenthack: true, // provide hacks plugin create behaviorhack property work correctly. hacks: window.viewportunitsbuggyfillhacks });</script>

source: http://www.useragentman.com/blog/2014/09/24/fixing-cross-browser-issues-with-css3-viewport-units-in-ie9-and-safari-for-ios/

javascript html css cross-browser viewport