HTML中的粗體文本恢復爲不同的字體

我有一個叫譚主拷貝字體和我有它的CSS爲：

body * { 
    font-size: 1em; 
    font-family: Gotham; 
}

我也有隻爲公司標誌使用單獨的字體。

@font-face {font-family: neosans; src: url("../fonts/neo_sans/NeoSan");} 
@font-face {font-family: neosans; src: url("../fonts/neo_sans/NeoSans-Bold"); font-weight: bold;}

基本上我想通過使用neosans字體如下使公司徽標：

公司標誌

所以，我有我已經在使用字體面如下加入他們這樣的：

<h1><b>Company</b>Logo</h1>

和CSS爲：

.splash-title h1 {font-family: neosans; font-size: 6.5em; margin: 0; padding: 0;}

但是由於某些原因，公司標誌中的粗體字以粗體回覆到Gotham字體，而不是新人。我最初認爲它可能是NeoSans-Bold文件，或字體家族搞砸了某些東西，因此使它成爲Gotham，但我將Body *字體家族更改爲新華人，並且它的標誌看起來就像我希望的那樣。

來源

2015-11-14 SuperEpicMan

你的文件在'url'裏面？它是NeoSan.woff，NeoSan.ttf還是NeoSan.eot？ –

這是一個FFIL，但我試過了，它什麼都沒做。 – SuperEpicMan

嗯，你可以嘗試將其轉換爲更常見的字體格式，我不確定是否有任何瀏覽器支持FFIL格式。（沒有找到** [CanIuse]（http://caniuse.com/）**） –

好的，我想我已經解決了這個問題。

我原本：

body * { 
    font-size: 1em; 
    font-family: Gotham; 
}

我剛拍攝的星號*出體外的CSS這似乎已經完成了帽子戲法。我剛剛閱讀了這篇文章，但我一定是在沒有完全理解它的功能的情況下使用它的。

來源

2015-11-14 18:02:28 SuperEpicMan

我認爲：.'splash-title h1 b'會覆蓋'body *';），但是如果您不完全理解它的用途並且需要時可以移除asterix選擇器 –

HTML中的粗體文本恢復爲不同的字體

回答

相關問題