But there has to be a better way than going through the page element by element. \u00a0Yet I couldn’t find one… until I wrote it that is!<\/p>\n
Introducing the Website Used Fonts Analyzer Bookmarklet<\/h2>\nWhat does it do?<\/h3>\n
With the click of a button, the current webpage you are viewing is scanned element by element for what font it uses. This is compiled into a report that is displayed, telling you:<\/p>\n
- \n
- How many font files are used on the page<\/li>\n
- How many times each font is used on the page<\/li>\n
- What font each element uses<\/li>\n<\/ul>\n
How to use it?<\/h3>\n
- \n
- Create the bookmarklet by following the directions on the github page.\u00a0\n
- \n
- This is a one-time step per web browser<\/li>\n<\/ul>\n<\/li>\n
- Navigate to the web page you wish to analyze.<\/li>\n
- Click on the bookmarklet link.<\/li>\n
- Read the report.<\/li>\n
- Smile that in seconds you have a list of all of the fonts used on the page and you can now finish your cup of coffee stress free!<\/li>\n<\/ul>\n
![\"A](\"https:\/\/promincproductions.com\/blog\/wp-content\/uploads\/2016\/12\/PromInc-Website-Fonts-Used-Analyzer-Example-Report-1-500x276.png\")
<\/a>A smoke report showing all of the fonts used on a webpage and a list of what element used what font.<\/figcaption><\/figure>\n How to install the bookmarklet<\/h3>\n
All of the setup information you need can be found at the GitHub repository page.<\/p>\n
- Create the bookmarklet by following the directions on the github page.\u00a0\n