Firefox Gets Variable Fonts, Automatic Dark Theme on macOS

Just a day after Chrome’s big 10-year anniversary release, Mozilla is releasing Firefox 62 on all platforms. The latest update to Firefox isn’t as massive as Chrome 69, though it brings important features to the browser.
First things first, Firefox now supports CSS Variable Fonts. These new fonts allow developers to create different styles of fonts with a single font file, reducing page size and load times for websites. The technology is already supported across other browsers like Chrome and Edge, both of which picked up CSS Variable Fonts a little while ago. With Firefox now supporting CSS Variable Fonts, it’s time to look into all the cool things you can create if you are a web developer or designer. Not all browsers support it yet, though, plus older versions of Chrome and Edge lack the feature, so be aware if you are going to be using CSS Variable Fonts on your next project.
Along with CSS Variable Fonts, Firefox 62 also makes use of macOS Mojave’s new dark mode to automatically enable the browser’s dark mode. This way, if a user already has the dark mode enabled on macOS, Firefox will respect that present them with the dark theme instead of hurting their eyes with the bright, light theme.
Firefox 62 brings a number of other feature across platforms — the default tab, for example, now allows users to display up to 4 rows of top sites, Pocket stories, and highlights, Firefox on Android now has improved scrolling performance, while Firefox for iOS now lets you download files and more. Make sure to checkout all the changelogs here.
Tagged with CSS, CSS Variable Fonts, Firefox, Firefox 62