Support for Variable Fonts

Tagged: ,

Author Posts

hoja January 18, 2022 at 2:32 pm

Hi Sebastian, All,
do you have plans to support editing of Variable Fonts? Here is a screenshot of Firefox Developer Tools which shows their slider-based interface for interactive editing.

Basic idea of Variable Fonts:
Giving Designers flexibility, while one only has to load a single (possibly self-hosted) file, which allows for endless Design-variations.

👋 Holger

Sebastian January 19, 2022 at 12:22 pm

Hey Holger,

Thanks for your suggestion. Sure I’m happy to add this one to the ToDo list.

You can currently add the @font-face rule to the Full code editor for loading the font (Settings > View > Full code view).

And you can enter custom font-variation-settings via the single selector code editor in the main view. But I appreciate that sliders would be helpful when tweaking the variation axis values.

And I can see the benefit of this for Google Fonts too.

Cheers,
Sebastian

hoja January 19, 2022 at 1:16 pm

Thanks Sebastian, great to hear you find the suggestion interesting!

Yup, Google has a variety of variable font which would profit from this integration as well. Having sliders could make font tweaking quite a playful – and unique in the WP-eco-system – experience. Just have a look at the fun website of this font foundy.

For the time being, we will look into using the code editor for modifications, as you suggested. I’ll be back if I have more questions.

👋 Holger

Sebastian January 21, 2022 at 11:37 am

Yep, I’ve done a full scope out for this feature so it will get added at some point 🙂

You must login or register to reply to this topic.