The latest articles on DEV Community by Nathan (@n8kowald). https://dev.to/n8kowald https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F135822%2Fe6803db1-74f4-475e-98ba-7bf65ddce6d7.jpeg https://dev.to/n8kowald en Nathan Wed, 29 May 2019 01:16:59 +0000 https://dev.to/n8kowald/font-size-detective-n8d https://dev.to/n8kowald/font-size-detective-n8d <p>It is easy to use too many font sizes on a website.<br> Especially when using <code>em</code> font sizes as these are relative to their parent.</p> <p>I wanted an easy way to see the number of font sizes used on a website.<br> I created this JavaScript bookmarklet.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--VvPUy-ue--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://thepracticaldev.s3.amazonaws.com/i/1jhr3t48vq66vg1b9klj.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--VvPUy-ue--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://thepracticaldev.s3.amazonaws.com/i/1jhr3t48vq66vg1b9klj.jpg" alt="" width="800" height="624"></a></p> <p>To use:</p> <ol> <li>Add a new bookmark in your browser</li> <li>Paste the below code into the URL</li> <li>Go to a website and click the bookmark link</li> </ol> <div class="ltag_gist-liquid-tag"> </div> bookmarklet javascript css fonts