Long time lurker here. I’ve learned a lot thanks to this forum, but today it’s my turn to give something back.
As we all know, the way to add a Google font in Webflow is to select it from a dropdown list under Project settings.
But there are more than 900 fonts on that list! This gave me the idea of creating an alternative that would make adding fonts more simple.
So I came up with a lightweight Chrome extension that replaces the current dropdown list:
It does the following:
Adds search functionality to the list, with autocomplete behavior.
Adds keyboard navigation to the list.
Prevents duplicate font entries on projects (can’t add the same font more than once).
Add Fontbutton label to match the selected font; e.g.
Follows accessibility tech specs according to WAI-ARIA Authoring Practices 1.1
Here’s the chrome web store link for anyone interested. Hope some of you find it useful