Listing Unique Font Stacks on a Webpage

I just put together a new tool to list all the unique font stacks on a web page, intended to help with diagnose and remove unnecessary webfonts and save page load time.


Download this file and include in your page source, or copy-and-paste it into your browser’s JS console, then run the styleInPage() function with the CSS style you want to inspect as the parameter.


// Show all unique font stacks in use on the current page

// Show a list of all DOM elements with their computed font stack
console.log(styleInPage('fontFamily', true));

// Highlight all DOM elements using font stack 8
var fontStacksInUse = styleInPage('fontFamily');

php iconA quick-and-dirty PHP script to unserialize a string in PHP.

Clone (or download and expand the zip file) into your documents root and point to the folder.

Enter your serialized data into the `textarea`, submit, and boom!—your serialized data is expanded to a much more human-readable view! screenshot

Created for use with this Alfred custom search (note that if your serialized string is longer than 4,000 characters, it may cause a 414 “Request Too Long” error).