html - 如何为不同的语言使用不同的字体？

Question

我开发了支持英语和日语的网络应用程序。我有不同的英文字体。最近我收到了一些要求，比如 h1、h2、p 等元素的日文字体不同。

字体名称已经为许多元素编写。所以我不能去改变每个元素。建议我处理这种情况。

我可以根据语言将类添加为“lang-eng”或“lang-ja”。

英语:

@font-face {
  font-family: "DroidSerif";
 src: url("https://rawgit.com/google/fonts/master/ufl/ubuntumono/UbuntuMono-Italic.ttf")
format("truetype");
}

日语:

@font-face {
font-family: "DroidSerif";
 src: url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-
 Regular.woff2")
    format("truetype");

是否可以使用相同的字体名称和不同的 src ？提前致谢。

Answer 1

您可以指定每个字体系列 src 应该使用的字符子集，as explained here .您的示例如下所示:

@font-face {
  font-family: "DroidSerif";
  src: url("https://rawgit.com/google/fonts/master/ufl/ubuntumono/UbuntuMono-Italic.ttf")
  format("truetype");
  unicode-range: U+000-5FF; /* Latin glyphs */
}


@font-face {
  font-family: "DroidSerif";
  src: url("https://fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2")
  format("truetype");
  unicode-range: U+3000-9FFF, U+ff??; /* Japanese glyphs */
}