質問: 1つのサイトで日本語・英語の切替ができるようにしたいと考えています。 各ブラウザが選んだゴシック体・サンセリフフォントで表示させたいため、 ``` html { font-family: sans-serif; } ``` を指定しています。 また、レスポンスヘッダーのContent-Languageに、日本語ならja、英語ならenが入るようにしています。 そうすると、 | OS/ブラウザ | Content-Language=ja | Content-Language=en | | --- | --- | --- | | Windows8.1/IE11 | すべて「Meiryo」 | すべて「Arial」 | | macOS High Sierra/safari | すべて「Hiragino Kaku Gothic ProN」 | すべて「Arial」 | | Windows/Chrome | すべて「Meiryo」 | **すべて「Meiryo」** | | macOS High Sierra/Chrome | すべて「Hiragino Kaku Gothic ProN」 | **すべて「Hiragino Kaku Gothic ProN」** | という結果になりました。 Chromeの太字になっている箇所も、Arialなどの英字フォントで表示してほしかったのですが、 期待通りになりませんでした。 そこで、Chromeの設定で「フォントのカスタマイズ」を開くと、確かに表示通りのフォント名が指定されていたので、 ここの設定が使われていることは理解できたのですが・・・ ここで質問ですが、Chromeでは他のブラウザのように、 「sans-serif」の指定で、英字なら英字フォント、日本語なら日本語フォント、というように 自動的にフォントが変わるようにすることはできないのでしょうか? (や、を指定しても無駄でした。)
回答: こうでしょうか ``` html:lang(en) { font-family: Arial, sans-serif; } ```