{"id":37662,"date":"2022-11-20T14:23:07","date_gmt":"2022-11-20T19:23:07","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=37662"},"modified":"2022-11-20T14:23:07","modified_gmt":"2022-11-20T19:23:07","slug":"stopthemadness-font-substitution","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2022\/11\/20\/stopthemadness-font-substitution\/","title":{"rendered":"StopTheMadness Font Substitution"},"content":{"rendered":"<p><a href=\"https:\/\/underpassapp.com\/news\/2022-11-14.html\">Jeff Johnson<\/a>:<\/p>\n<blockquote cite=\"https:\/\/underpassapp.com\/news\/2022-11-14.html\"><p>My web browser extension <a href=\"https:\/\/underpassapp.com\/StopTheMadness\/\">StopTheMadness<\/a> is updated today in the <a href=\"https:\/\/apps.apple.com\/app\/stopthemadness-mobile\/id1583082931?mt=8\">iOS App Store<\/a> and <a href=\"https:\/\/apps.apple.com\/app\/stopthemadness\/id1376402589?mt=12\">Mac App Store<\/a>. The biggest change is a new font substitution feature! Thanks to John Gruber of <a href=\"https:\/\/daringfireball.net\/\">Daring Fireball<\/a> for inspiring the feature and for <a href=\"https:\/\/daringfireball.net\/linked\/2022\/11\/03\/substitute-web-fonts-with-stopthemadness\">linking<\/a> to <a href=\"2022-11-3.html\" title=\"Substitute web fonts with StopTheMadness\">my blog post<\/a> a few weeks ago. The blog post described how the <a href=\"https:\/\/underpassapp.com\/StopTheMadness\/support-safari.html#custom-elements\">custom style element<\/a> feature of StopTheMadness can add <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@font-face\">@font-face rules<\/a> to web pages in order to substitute one font for another. But that&rsquo;s all very technical, requiring the user to write <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\">CSS<\/a>. The &ldquo;Fireballing&rdquo; generated a lot of feedback requesting a simpler way to substitute fonts on the web, so I started work on that immediately, and now the feature is <a href=\"https:\/\/underpassapp.com\/StopTheMadness\/support-safari.html#fonts\">available<\/a>! It works in all web browsers supported by StopTheMadness: Safari for iOS, Safari for Mac, Firefox for Mac, and Google Chrome for Mac (as well as all Chromium browsers).<\/p><\/blockquote>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2022\/11\/18\/redirect-web-for-safari\/\">Redirect Web for Safari<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2021\/09\/24\/ios-safari-extension-stopthemadness\/\">iOS Safari Extension: StopTheMadness<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2018\/05\/01\/stop-the-madness\/\">Stop The Madness<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Jeff Johnson: My web browser extension StopTheMadness is updated today in the iOS App Store and Mac App Store. The biggest change is a new font substitution feature! Thanks to John Gruber of Daring Fireball for inspiring the feature and for linking to my blog post a few weeks ago. The blog post described how [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2022-11-20T19:23:09Z","apple_news_api_id":"7f4cb6f2-9e17-4e7c-a330-747caecdabe1","apple_news_api_modified_at":"2022-11-20T19:23:09Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/Af0y28p4XTnyjMHR8rs2r4Q","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[2],"tags":[338,133,31,2185,26,30,32,2223,2246,1775],"class_list":["post-37662","post","type-post","status-publish","format-standard","hentry","category-technology","tag-css","tag-font","tag-ios","tag-ios-16","tag-iosapp","tag-mac","tag-macapp","tag-macos-13-ventura","tag-safari-extensions","tag-stop-the-madness"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/37662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=37662"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/37662\/revisions"}],"predecessor-version":[{"id":37663,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/37662\/revisions\/37663"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=37662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=37662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=37662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}