Html 在一个div中可以有多个字体吗?

Html 在一个div中可以有多个字体吗?,html,css,Html,Css,例如,在一行中,不同的单词有两种不同的字体 i、 e 值得打字的是“这是a”,而helvetica是“测试”。但我不知道如何做到这一点——我尝试过使用不同的div类,但这会将单词放在不同的行上 这能做到吗 更新: 视图: 使用跨度: <p> <span class="typeworthy">This is a</span> <span class="helvetica">Test</span> </p> 这是一个测试

例如,在一行中,不同的单词有两种不同的字体

i、 e

值得打字的是“这是a”,而helvetica是“测试”。但我不知道如何做到这一点——我尝试过使用不同的div类,但这会将单词放在不同的行上

这能做到吗

更新:

视图:

使用跨度:

<p>
  <span class="typeworthy">This is a</span> <span class="helvetica">Test</span>
</p>

这是一个测试

然后,在css上配置这两个类

如果差异的原因是为了强调,您可能需要使用

div{
div {
   font-family:Arial;
}
span {
   font-family:Verdana;
}

<div>
    some text
    <span>some other text</span>
</div>
字体系列:Arial; } 跨度{ 字体系列:Verdana; } 一些文本 其他一些文本
在指定字体的每个部分周围放置一个
span
标记,并将它们保持在相同的
div
此处尝试以下操作


你好,世界!
font1先生{
字体系列:衬线;
}
font2先生{
字体系列:无衬线;
}
在div内使用
标记

<div style="font-family:Times">
    This is text in Times New Roman.
    <span style="font-family:sans-serif">
        <br/> This is in sans-serif.
    </span>
</div>

这是《新罗马时代》的文本。

这是无衬线的。

每个元素只能应用任何特定CSS属性(包括字体)的一个值。(CSS规范规则准确地确定应用了哪个值,但它只能是一个值,并且存在多个值。)

正如其他人所指出的,div中可以有许多不同的(非div/inline)元素——这些单独的元素本身可以应用不同的CSS值

检查“代码文本”的SO标记可以发现,它对不同的颜色使用了多个跨距(单个CSS属性的值不同),对于相同的参数,可以将其视为不同的字体

比如说,

(适合打字)这是一个(helvetica)测试
呈现如下,其中每个类规则可能应用了不同的颜色(想想:字体)


(
适合打字
)
这
..

Yes div#someID{font-family:Arial;}div#someID:first-line{font-family:whatever}@KRUKUSA为什么要发布答案作为评论?哇,谢谢!有可能提升“世界”吗?那个世界比你好高了一点?哇,非常感谢!这就是我想要实现的。另外,我已经用你的方法更新了原始帖子的代码,但是“LOVE”字体没有100%的提升/工作。我做错了什么(你能帮我看一下你的测试网站或小提琴吗?那是我的小提琴。我指的是你的网站,这样我就能知道问题出在哪里了。
<p>
  <span class="typeworthy">This is a</span> <span class="helvetica">Test</span>
</p>
div {
   font-family:Arial;
}
span {
   font-family:Verdana;
}

<div>
    some text
    <span>some other text</span>
</div>
<div>
    <span class="font1">Hello</span> <span class="font2">World</span> !
</div>

.font1{
    font-family:serif;
}
.font2{
    font-family:sans-serif;
}
<div style="font-family:Times">
    This is text in Times New Roman.
    <span style="font-family:sans-serif">
        <br/> This is in sans-serif.
    </span>
</div>
<code>
  <span class="pun">(</span>
  <span class="pln">typeworthy</span>
  <span class="pun">)</span>
  <span class="pln"> </span>
  <span class="typ">This</span>
  ..
</code>