Variable fonts
OpenType font settings that allows a single font file to behave like multiple fonts: it can contain all the allowed variations in width, weight, slant, optical size, or any other exposed axes of variation as defined by the font designer. Variations can be applied via the font-variation-settings
property.

CSS
BROWSER SUPPORT FOR Variable fonts
Google Chrome
Chrome browser version 4 to 58 doesn't supports this browser element. This property is not compatible by default but can be enabled with Chrome 59 to 61. Chrome 62 to 65 partially supports this property. Does not support format('truetype-variations'), format('woff-variations'), format('woff2-variations')
. Chrome 66 and 67 supports this browser property.
Mozilla Firefox
Mozilla firefox version 2 to 52 doesn't support this property. Variable fonts
is not compatible by default but can be enabled with Firefox 53 to 60. Does not support the font-weight
and font-stretch
properties.
Internet Explorer
IE browser doesn't support Variable fonts
.
Safari
Safari 3.1 to 10.1 does not support this browser property. Safari 11 and 11.1 supports this property.
Microsoft Edge
This browser element is not supported by Microsoft Edge browser.
Opera
Opera browser version 10.1 to 48 doesn't supports this property.This property is partially compatible for Opera 49 to 52. Opera 53 is completely supported with this property.
Test your Web App on LambdaTest
With LambdaTest you can test your website on 2000+ browser and OS combinations for cross browser compatibility issues and ensure that your webpage fallbacks are working fine on browsers that do not support CSS background-blend-mode
.

Information sourced from
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
All websites and webapps use collections of a lot of browser technologies and elements. Not all of these elements are supported by all browsers and browser versions. At LambdaTest you can test your website on all browsers and browser versions and easily debug browser compatibility issues in real time.
BENEFITS
Fastest Way for Cross Browser Testing
You can test your website for cross browser compatibility across all Firefox browser versions using LambdaTest
Perform cross browser testing of your website/ webapp across all Chrome browser versions using LambdaTest
Check your website on all Safari browser on Mac and Windows for cross browser compatibility with LambdaTest
Perfrom cross browser testing of your website/ web app across all IE verions using LambdaTest
Our plans starts with a free plan where you access to all features and free 60 minutes of live testing per month.
Need support for a larger team? We have very flexible plans and if they don’t suffice, leave us a message here, and we would help you out.