Shadow DOMとウェブフォント
Shadow DOM内じゃなくてグローバルにフォントを読み込む必要がある。
Adobe FontsのlinkでCSSを読み込む場合、簡単
TypeSquare、めんどいが可能
Adobe Fontsのscriptで読み込む場合、カスタムエレメントの定義の中でどうにかするのは多分不可能
自分でheadとかに書けばShadow DOM内の要素にもフォントは当たる
カスタムエレメントをtype=moduleじゃなく読み込めば行けるかもしれない。未検証
微妙に既存のと区別付かないが、コントロールを作るのやってみるか