css - 为一个字体系列中的每种字体分配不同的字体大小

Question

我正在用英语以外的语言制作网页。

所以文本包含英语和其他语言的混合。

我分配了类似的字体系列

p{
font-family: 'EnglishFont', 'NonEnglishFont';
font-size:14px;
}

它工作正常，但字体的原始矢量大小不同，导致句子在混合语言中看起来很奇怪。

所以我想在一个css类中为字体分配不同的大小，比如

p{
font-family: 'EnglishFont', 'NonEnglishFont';
font-size:14px, 16px;
}

有什么办法吗？

Answer 1

您不能将字体大小设置为取决于字体系列。

相反，请尝试在页面上找到适合两种（或所有）语言的字体。字体设计师应该考虑到不同书写系统的不同特点。通常为亚洲语言设计的字体也有拉丁字母（至少是基本的拉丁字母，这对于英语来说已经足够了）。

如果你真的想为不同的书写系统设置不同的字体属性，你需要使用区分不同语言的标记，例如lang在 HTML 中使用属性和在 CSS 中基于它们的选择器。但是通常使用不同的字体是一个需要避免的问题，而不是一个解决方案。