在同一页面中为不同的字体使用不同的字体大小？

Question

假设我们将helvetica用于英语和一些异国情调的字体（从ascii的角度来看）用于页面中的另一种语言。

如果字体大小相同，则一只字体在眼睛上看起来更大。

有没有办法为页面中使用的不同字体指定不同的字体大小？

此外，由于两种语言可以在一行中混合，我们需要在调整其中一种字体后正确对齐它们。否则较小的字体顶部可能有较大的行间距，底部的行间距较小。

- 编辑

哇快速反应 可悲的是，这是用户发布的文字，如SO的问题＆amp;回答。
哪个没有标记不同的类。

Answer 1

您可以使用标签或CSS更改字体大小。我建议CSS，因为它更有条理，更容易阅读。

CSS

.firstfont{
font-size: 10px; (or whatever you want)
}

.secondfont{
font-size: 12px; (or whatever you want)
}

在HTML

中

<div class="firstfont">
This is the first font's text
</div>

<div class="secondfont">
This is the second font's text
</div>

或者，如果您不想使用CSS，则可以

<div style="font-size:10px">
This is the first font's text
</div>

<div style="font-size:12px">
This is the second font's text
</div>

Answer 2

只要您使用一些标记来区分语言（例如lang属性），您就可以轻松地为不同语言设置不同的字体大小。

但是，如果问题是相同字体大小的文本看起来大小不同，那么基本问题在于您选择的字体。您通常应该使用一种字体作为复制文本，选择覆盖所需字符的字体。如果由于某种原因你不能这样做，你应该尝试选择兼容的字体，在尺寸和其他方面。

Answer 3

我还建议使用CSS，你可以为每种字体使用两个不同的类。

.font1
{
font-size:10;
color:#000;(you can use any color over here)
}

.font2{
font-size:11;
color:#efe; (you can use any color over here)
}