If is no longer supporting (in general) IE11, and several teams at If has stopped supporting IE11, so now it is our turn. We have removed support for IE11. No updates other than a reinstall is required.
“On August 17, 2020, Microsoft published a timeline indicating that Microsoft Teams will stop supporting Internet Explorer 11 on November 30, 2020 whereas Microsoft 365 products will end Internet Explorer 11 support on August 17, 2021.”
Over time, we have seen a decrease in IE11 usage of our sites, and when the usage matched our criteria for removing support for IE11 in the design system, we followed trough.
Maintaining IE11 support is a costly endeavour, in terms of pure dev maintenance, but also in terms of footprint of the If Design System.
What we have actually done
Up until now, we have used variable fonts for modern browsers, and a progressive fallback for IE11. We have removed the fallback, and shaved ~100kb of our bundle. Variable fonts are now supported in all modern browsers
To be more specific, we have changed this:
@mixin IDS_TYPOGRAPHY_Heading_Largest() {
…
font-family: $font-family-sans-thin;
font-weight: 100;
@suports(display:grid){
font-variation-settings: 'wght' $font-weight-40;
font-weight: normal;
}
…
}To this, where applicable:
@mixin IDS_TYPOGRAPHY_Heading_Largest() {
…
font-family: $font-family-sans-thin;
font-variation-settings: 'wght' $font-weight-40;
font-weight: normal;
…
}