{"id":2233,"date":"2019-05-29T02:08:18","date_gmt":"2019-05-29T01:08:18","guid":{"rendered":"https:\/\/www.nathankowald.com\/blog\/?p=2233"},"modified":"2020-08-13T12:02:45","modified_gmt":"2020-08-13T11:02:45","slug":"font-size-detective-bookmarklet","status":"publish","type":"post","link":"https:\/\/www.nathankowald.com\/blog\/2019\/05\/font-size-detective-bookmarklet\/","title":{"rendered":"Font size detective"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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.<br><br>I wanted an easy way to see the number of font sizes used on a website.<br>I created this JavaScript bookmarklet.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"2954\" height=\"2304\" src=\"https:\/\/www.nathankowald.com\/blog\/wp-content\/uploads\/2019\/05\/font-size-detective.jpg\" alt=\"\" class=\"wp-image-2237\"\/><figcaption>Hide\/Show inline font sizes with the action in the bottom right<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>To use<\/strong>:<br>1. Add a new bookmark in your browser<br>2. Paste the below code into the URL<br>3. Go to a website and click the bookmark link<\/p>\n\n\n<script src=\"https:\/\/gist.github.com\/n8kowald\/c653da7ecc927b7fd42f62dd6053bc63.js\"><\/script>","protected":false},"excerpt":{"rendered":"<p>It is easy to use too many font sizes on a website.Especially when using em font sizes as these are relative to their parent. I wanted an easy way to see the number of font sizes used on a website.I created this JavaScript bookmarklet. To use:1. Add a new bookmark in your browser2. Paste the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2241,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[21,7],"tags":[],"class_list":["post-2233","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bookmarklets","category-web-development"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/posts\/2233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/comments?post=2233"}],"version-history":[{"count":6,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/posts\/2233\/revisions"}],"predecessor-version":[{"id":2240,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/posts\/2233\/revisions\/2240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/media\/2241"}],"wp:attachment":[{"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/media?parent=2233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/categories?post=2233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nathankowald.com\/blog\/wp-json\/wp\/v2\/tags?post=2233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}