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

例如，在一行中，对于不同的单词将会有2种不同的字体。是否有可能在一个div中有多个字体？

即

(typeworthy) This is a (helvetica) test

Typeworthy正对 '这是一个' 和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; 
}

来源

2014-02-28 Sonny Black

是DIV＃someID {FONT-FAMILY：宋体; } div＃someID：first-line {font-family：whatever} – KRUKUSA

@KRUKUSA为什么发表一个答案作为评论？ –

这里试试这个fiddle

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

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

来源

2014-02-28 22:23:37

谢谢！是否有可能提升'世界'？那么这个世界比你好一点呢？ –

当然，检查这个更新的小提琴http://jsfiddle.net/magnus16/M2mjS/1/ –

哇，非常感谢！这正是我想要完成的http://imgur.com/JUVHyRG。另外，我已经使用您的方法更新了原始帖子，但是'LOVE'字体不会在100％不幸的情况下提升/正常工作。我究竟做错了什么？ :( –

使用范围：

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

然后，配置两个C在你的CSS上撒播。

如果不同之处在于强调，您可能需要使用。

来源

2014-02-28 22:23:04

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

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

来源

2014-02-28 22:23:06 user1534664

将一个span标签围绕其中指定的字体每个部分，并让他们在同一div。

来源

2014-02-28 22:23:06 aw04

使用标签的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

来源

2014-02-28 22:26:45 Ajones

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

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

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

例如，

(typeworthy) This is a (helvetica) test

呈现为以下，其中，每个类的规则可以具有不同的颜色（认为：字体）施加。

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

来源

2014-02-28 22:34:55 user2864740

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

回答

相关问题