Css rem does not work with font declarations

Question

This css property does not work on IE10:

font: bold 3rem/6rem Arial; 

However, if I split this property into separate properties, it works:

 font-size: 3rem; font-weight: bold; line-height: 6rem; font-family: Arial; 

I can also use PX, and it also works:

 font: bold 48px/96px Arial; 

You can try it on every page using the IE debugger. Why does this property not work in IE, but in all other browsers?

Answer 1

The updater is not supported in IE to reduce fonts. This is a known bug. Hope this will be fixed. The only thing I know is to specify the font size again after the font property or not use the shorthand when using rem.

Error Report https://connect.microsoft.com/IE/feedback/details/772679/ie10-not-recognizing-font-decloration-when-rem-is-used-as-font-size-unit-of-measure

Update: Please note that this has been fixed since IE11.