A snippet for inspecting font-family usage in a webpage.
To have a quick look into font-family usage in a webpage.
Texts inside these elements will be ignored: script, noscript, style, iframe, option.
Invisible elements won't be taken into account as well, which includes those with opacity: 0, display: none and visibility: hidden.
The result will sort all used font-family values by character numbers they apply to. ie. most used one will be at the top of the result list.
- Open http://justineo.github.io/fi/
- Drag the fi link in the middle of the page onto your browser's bookmark bar
- Open the webpage you'd like to inspect
- Click the bookmarklet you just added
- View the result