是否有可能在一個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中有多個字體？

回答

相關問題