Javascript 对同一页面中的不同字体使用不同的字体大小?

Javascript 对同一页面中的不同字体使用不同的字体大小?,javascript,jquery,html,css,fonts,Javascript,Jquery,Html,Css,Fonts,假设我们用helvetica表示英语,用ascii表示页面中的另一种语言 当字体大小相等时,一种字体看起来更大 有没有办法为页面中使用的不同字体指定不同的字体大小 此外,由于这两种语言可以混合在一行中,因此在调整其中一种字体的大小后,我们需要将它们正确对齐。否则,较小字体顶部的行距可能较大,底部的行距可能较小 -编辑 哇,反应很快。 可悲的是,这是用户发布的文本,如SO的问答。 未使用不同的类标记的 您可以使用标记或CSS更改字体大小。我建议使用CSS,因为它更有条理,更容易阅读 CSS 在HT

假设我们用helvetica表示英语,用ascii表示页面中的另一种语言

当字体大小相等时,一种字体看起来更大

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

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

-编辑

哇,反应很快。 可悲的是,这是用户发布的文本,如SO的问答。
未使用不同的类标记的

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

CSS

在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>

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


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

我还建议使用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)
}

如果你说的是语言,那么其他语言中的片段是否也被标记为语言?例如,等等。@cimmanon-wow我将研究分配类并不是一件小事,因为文本是用户生成的;你不能用同样的机制来设置大小吗?你能举例说明用户是如何输入信息的吗?我想这可能会让你更容易想出解决办法。就像这样。。。你好,杰斯特。。안녕Spudley,我明白你的意思了,但是Jester的代码显示firstfont是一个类名,而不是像helvetica那样的字体名。也许我有点困惑,这纯粹是美学上的原因。e、 helvetica最适合我们的眼睛,英语和亚洲字体最适合亚洲人。如果可能的话,我们如何做到两全其美是个问题。你的句子中的标记是什么意思?正如我在编辑中指出的那样,将类分配给不同的语言并不容易,因为它是用户生成的内容。正确的美学考虑到文本中不同字符的使用,并选择一种字体或匹配的字体。您无法通过调整字体大小来避免这种情况。您现在提出了从用户提供的内容中识别语言的问题,这是一个不同的问题,应该单独提出,只有当您坚持为不同的语言使用不同的字体时,这才是一个问题。好的。。很公平。将首先尝试查找不同的字体。这看起来正是我想要的。选择不同的语言而不手动分配不同的类
.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)
}