SontFwap Extension Chrome

Sont Fwap is an extension for type designers which allows you to test fonts on any existing website, to see how they perform in a…

Latest Version

Version

1.3.2

Update

April 21, 2019

Size

150KiB

Developer

twomuch.studio

SontFwap Extension

Sont Fwap is an extension for type designers which allows you to test fonts on any existing website, to see how they perform in a designed environment.

The font files must be installed in your systems 'fonts' folder.

Simply type the font name and hit enter to get started.

The general naming structure is 'fontname-weight' or 'fontname-weightItalic' for italics. This can be different depending on how the font file has been named. Make sure to remove all spaces.

Type 'reset' to change the font back to it's original state.

Use the filter buttons to choose which html tags are affected.

When the filter panel is open, the filters will highlight the html tag of whatever element you are hovering on.

We hope this tool helps you! Any feedback or feature suggestions please email to [email protected]

Big thanks to OmseType for helping develop the idea and with testing.

Also thanks to abcdinamo, Open Type Foundry, NeubauLaden, Displaay, GrilliType, OmseType, PangramPangram, Elias Hanzer, Kometa, Camelot Typefaces, Tightype, TypeLab, Good Type Foundry, The Designers Foundry and Velvetyne for letting us borrow your websites and fonts :-)

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "SontFwap", "version": "1.3.2", "content_scripts": [ { "matches": [ "" ], "js": ["jquery-3.2.1.js", "content.js"], "css": ["fontSwap.css"] } ], "permissions": [ "activeTab" ], "web_accessible_resources": [ "data/Gattica-Regular110.otf", "close.svg" ], "browser_action": { "default icon": "icon1.png", "default_popup": "popup.html" }, "background": { "scripts": ["background.js"], "persistent": true } }