自動でGoogle Fontsをサブセット化したかった

Subfontというnodeパッケージを使えばできそう。ただ、コマンドラインの上、Puppeteerを使っているのでビルド時間が延びるという問題がある。

https://www.npmjs.com/package/subfont

なんとかViteプラグインで実現したい。ただ、window.getComputedStyle() は実際のブラウザ環境でないと動かない。そのため、それぞれの要素にどのフォントが適用されるか自分で計算する必要がありそう。

ブラウザはやってるんだから、技術的にはCSSとHTMLからそれぞれの要素のフォントを求めることはできるはずではある。HTMLのパーサーもCSSのパーサーも一応npmのリポジトリ上に存在するっぽいのでできそうではある。ただ、結構実装が大変になることが想定されてつらい。

PostCSSとcheerioで頑張って実装しようとしたけど途中でモチベーションがなくなってしまったので、一旦後回しにする