Now Webflow users can add Google Fonts faster.

Latest Version

Version
0.0.6
Update
March 6, 2023
Size
13.87KiB
Developer
Category
Users
562
Rating
4 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
See more

Add Search to Google Fonts in Webflow Extension

This Chrome extension can be used as a replacement for the default dropdown list under your Project settings in Webflow.

Key features of this extension include:

• Built-in search functionality with autocomplete behavior that allows you to easily find the fonts you're looking for.

• Built-in keyboard navigation using arrow keys for faster and more convenient font selection.

• Prevention of duplicate font entries on projects, ensuring that your font choices are streamlined and efficient.

• Updating of the \"Add Font\" button label to match the selected font. For example, if you select \"Roboto,\" the \"Add Font\" button will be updated to say \"Add Roboto.\"

• Following of WAI-ARIA Authoring Practices for better accessibility.

This extension does not track any user data and is not affiliated with Webflow, Inc.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"name": "Add Search to Google Fonts in Webflow",\t"version": "0.0.6",\t"author": "Gianfranco Piana ",\t"homepage_url": "https://gianfrancopiana.com/",\t"description": "Now Webflow users can add Google Fonts faster.",\t"icons": {\t\t"16": "icons/icon16.png",\t\t"24": "icons/icon24.png",\t\t"32": "icons/icon32.png",\t\t"48": "icons/icon48.png",\t\t"128": "icons/icon128.png"\t},\t"action": {\t\t"default_icon": {\t\t\t"16": "icons/icon16.png",\t\t\t"24": "icons/icon24.png",\t\t\t"32": "icons/icon32.png"\t\t},\t\t"default_title": "Google Fonts Search for Webflow"\t},\t"background": {\t\t"service_worker": "js/background.js"\t},\t"content_scripts": [\t\t{\t\t\t"matches": ["*://webflow.com/dashboard/*"],\t\t\t"js": ["js/content.js"],\t\t\t"run_at": "document_idle"\t\t}\t],\t"permissions": ["activeTab"],\t"host_permissions": ["*://webflow.com/dashboard/*"]}
Read more