Variable Font Support

Published 5 years, 8 months past

Firefox 62 ships today, bringing with it some real CSS goodness.  For one: float shapes!  Which means now, mainline Firefox users will see the text flow past the blender in “Handiwork” the same way Chrome users have for a long time now.

But an even bigger addition is support for variable fonts.  The ability to have one font file that mathematically describes variants on the base face means that all kinds of fine-grained typography is possible with far less bandwidth overhead and a major reduction in page weight.

However: bear in mind that like Safari, but unlike Chrome, Firefox’s variable-font support is dependent on the operating system on which is runs.  If you have Windows 10, or Max OS X 10.13, then you have variable font support in Firefox and Safari.  Earlier versions of those operating systems don’t support variable fonts, and so Safari and Firefox don’t either.  Chrome rolls its own variable-font support, so it can extend support backwards in the OS timeline.

(I don’t know how things stand in the Linux world.  Hopefully someone can clear things up in the comments!)

I say this not to chastise Firefox (nor Safari), because I tend to think leaning on the OS for this sort of thing is reasonable.  I feel the same way about form elements like <select> dropdowns, to be clear, which I know likely places me in the minority.  The point here is to give you a heads-up: if you get reports that a font isn’t doing the variable thing you styled, but it’s working fine for you, keep “check their operating system version” on your list of diagnostic tests.

Comments (6)

  1. No support in Ubuntu Linux 18.04, Firefox 61.01. Sliders on Variable Fonts are unresponsive.

    They DO work in Brave 0.23.105 however. The sliders on Variable Fonts ARE responsive.

  2. It works fine in the latest Ubuntu (KDE Kubuntu 18.04.1).

  3. Pingback ::

    Dew Drop - September 6, 2018 (#2797) - Morning Dew

    […] Variable Font Support (Eric Meyer) […]

  4. Works perfectly in Xubuntu Linux 18.04.1 LTS.

    @Todd: Linux does support it; but you tested it on a previous version of Firefox.

  5. It should work on all Linux distributions with Freetype 2.8:
    It means: Arch Linux, Fedora 27+, openSUSE Leap 15/Tumbleweed, Solus, Ubuntu 17.10+ and many others.

    On my Arch Linux it works without issues.

  6. After my initial comment, everything on my box updated which led to it working fine on Firefox, the latest version and my system. If I had waited 12 hours, it would have worked fine. :)

Add Your Thoughts

Meyerweb dot com reserves the right to edit or remove any comment, especially when abusive or irrelevant to the topic at hand.

HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <em> <i> <q cite=""> <s> <strong> <pre class=""> <kbd>

if you’re satisfied with it.

Comment Preview