对同一页面中的不同字体使用不同的字体大小？答案

【问题标题】：use different font-size for different font in the same page?对同一页面中的不同字体使用不同的字体大小？
【发布时间】：2013-07-11 19:39:52
【问题描述】：

假设我们在页面中使用 helvetica 来表示英语，使用一些异国字体（从 ascii 的角度来看）来表示页面中的另一种语言。

在字体大小相同的情况下，一种字体看起来更大。

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

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

--编辑

哇快速响应。
可悲的是，这是用户发布的文本，例如 SO 的问题和答案。
哪个没有标记不同的类。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

纯粹是审美原因。例如） helvetica 看起来最适合英语（对于我们的眼睛）， SomeAsianFont 看起来最适合亚洲人。如果可能的话，我们如何获得两全其美是一个问题。
你句子中的markup是什么意思？正如我在编辑中指出的那样，将类分配给不同的语言并非易事，因为它是用户生成的内容
适当的美学考虑到文本中不同字符的使用并选择一种字体，或匹配的字体。您无法通过调整字体大小来避免这种情况。您现在提出了从用户提供的内容中识别语言的问题，这是一个不同的问题（应该单独提出），只有当您坚持为不同的语言使用不同的字体时才会出现问题。
好的.. 很公平。将首先尝试找到不同的字体。 w3.org/International/questions/qa-css-lang 怎么样？这看起来正是我想要的。（选择不同的语言而不手动分配不同的类）

【解决方案2】：

您可以使用标签或 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>

【讨论】：

分配类并非易事，因为文本是用户生成的。
如果 CSS 像您声称的那样为它们提供了不同的字体，那么它必须以某种方式区分它们；你能不使用同样的机制来设置大小吗？
您能否举例说明用户如何输入信息？我认为这可能更容易想到解决方案。
是这样的......你好小丑..안녕
Spudley，好的，我明白你的意思，但是 Jester 的代码显示“firstfont”是一个类名，而不是像“helvetica”这样的字体名。也许我很困惑..

【解决方案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)
}

【讨论】：