更改特定字体的大小

Question

假设网页中有两种语言(英语和汉语)。我需要增加我的网页上的中文字体大小。我不需要改变英文字体的大小。只需要增加中文字体的大小。我怎么能这样做呢？有没有办法使用java script或任何其他技术来做到这一点？

Answer 1

扩展@MichaelRobinson的评论：

您应该使用lang attribute标记文本，然后可以使用CSS attribute selector (特别是连字符分隔的变体)或:lang pseudo-class来选择这些文本，例如：

[lang|=en] {
   font-size: 12px;
}

:lang(zh) {
   font-size: 15px;
}

<h1 lang="en">English</h1>
<p lang="zh">汉语</lang>

Answer 2

我还没有测试过它，但我怀疑如果字体系列不同，下面的方法可能会起作用。使用query可以检索元素的CSS值。如果检索font-family值，则应该具有字体名称。在此基础上，您可以确定此元素是具有中文字体还是英文字体。如果字体系列是中文字体，可以将font-size设置得更大。