javascript - 更改特定字体的大小

Question

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

score 2 · Accepted Answer

扩展@MichaelRobinson 的评论：

您应该使用lang属性标记文本，然后您可以使用 CSS属性选择器（特别是连字符分隔的变体）或:lang伪类来选择这些文本，例如：

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

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

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

score 0 · Accepted Answer

我没有测试它，但我怀疑如果字体系列不同，以下将起作用。使用查询，您可以检索元素的 css 值。如果您检索 font-family 值，您应该有字体名称。基于此，您可以确定此元素是中文字体还是英文字体。如果 font-family 是中文字体，你可以将 font-size 设置得更大一些。

2 回答 2