Question

例如，在一行中，不同的单词将有2种不同的字体。

即

(typeworthy) This is a (helvetica) test

值得一提的是'这是一个'和helvetica正在'测试'。虽然不知道如何做到这一点 - 我尝试过使用不同的div类，但是这些文字放在不同的行上。

可以这样做吗？

更新

视图：

  <span class="font1">We</span> <span class="font2">LOVE</span>
   <span class="font3">Flappy Bird</span><span class="fontone">so much<div id="space">we made <span class="fonttwo">FLAPPY</span>, the toy game controller!</span></div>

的CSS：

.font1{

    font-family: 'boxyfont';
    text-shadow: -1px -1px white, -1px 1px white, 2px -1px white, -1px -1px white;
    margin-top:10px;
    display:block;
    float:left;
}

.font2{
    font-family: 'noteworthy';
    padding: 4px 10px 4px 10px;
    color: white;
    font-weight: bold;
    text-shadow: 1px 0 black, 0 2px black, 2px 0 black, 0 -1px black;
    margin-top:-10px;
}

Answer 1

使用范围：

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

然后，在你的css上配置两个类。

如果差异的原因是要强调，您可能希望使用。

Answer 2

在此尝试此fiddle

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

.font1{
    font-family:serif;
}
.font2{
    font-family:sans-serif;
}

Answer 3

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

<div>
    some text
    <span>some other text</span>
</div>

Answer 4

在指定字体的每个部分周围加上span标记，并将它们保存在同一个div中。

Answer 5

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

Fiddle Example

Answer 6

任何特定CSS属性的一个值（包括字体）都可以应用每个元素。（CSS特定规则确切地确定应用了哪个值，但它只能是单个值，并且有no "sub element" CSS rules。）

正如其他人所指出的那样，div中可能有许多不同的（非div / inline）元素 - 这些个别元素本身可以应用不同的CSS值

检查“代码文本”的SO标记显示它使用许多跨度来表示不同的颜色（单个CSS属性的不同值），对于相同的参数，可以将其视为不同的字体

例如，

(typeworthy) This is a (helvetica) test

呈现如下，其中每个类规则可能具有不同的颜色（思考：字体）。

<code> ( typeworthy ) This .. </code>

是否有可能在一个div中有多个字体？

6 个答案: