多言語化サイトでフォントを切り替える

多言語化サイトで言語ごとにフォントファミリーを切り替えたい場合、:lang疑似セレクタを使用すれば実現できます。

MDN Web Docs :lang https://developer.mozilla.org/ja/docs/Web/CSS/:lang

Plain Textbody {
  /* フォールバック */
  font-family: sans-serif;
}

body:lang(ja) {
  font-family: 'Noto Sans JP', sans-serif;
}

body:lang(en) {
  font-family: Roboto, sans-serif;
}

:lang疑似セレクタはすべてのブラウザでサポートされているので、環境を気にせず使用できます。

Can I use... Support tables for HTML5, CSS3, etc https://caniuse.com