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

Question

我开发了支持英语和日语的网络应用程序.我有不同的英文字体.最近我得到了像日语的不同字体的要求,如h1,h2,p等.

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

我可以根据语言将类添加到body中作为"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");

}

是否可以使用相同的font-face名称和不同的src？提前致谢.

Answer 1

您可以指定每个字体系列src应使用的字符子集,如此处所述.您的示例如下所示:

@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 */
}