Catalina/Chromeで明朝体となってしまったサイトをゴシックで表示する方法

macOS Catalina になってから Chrome で sans-serif 指定でも明朝体が表示されるようになってしまった問題の対処法です。

Stylus というカスタムCSSを指定できる拡張機能を追加し、Write new style をクリックして以下のCSSをペーストし、Save をクリックします。

Stylus - Chrome ウェブストア
https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne?hl=ja

@font-face {
  font-family: sans-serif;
  src: local("Helvetica");
  font-weight: bold;
}

sans-serif の部分にに嫌いなフォントを指定すればそれらを置き換えることもできます。

Chrome Canary (デベロッパー向けビルド、不安定) ではもう修正されているようなのでそちらを使うこともできます。
https://www.google.com/intl/ja/chrome/canary/

参考

https://chaika.hatenablog.com/entry/2019/10/29/083000
https://applech2.com/archives/20191027-google-chrome-fixed-hiragino-kaku-gothic-pro-pron-issues.html
(もうすぐChrome Stableでも修正されそうなのでもっと早く書けばよかった...)