不使用font-weight的粗體字體：粗體？

我在網站上使用網頁字體。對於某些標題（h1,h2等），我使用粗體變體（並將font-weight設置爲正常），因爲它們看起來比使用常規變體更好，並且使用默認粗體重標記保留h標記。有必要指定font-weight: normal，否則「粗體是粗體」，看起來非常糟糕。不使用font-weight的粗體字體：粗體？

我遇到的問題是，如何將標準網頁字體指定爲備用字體並將粗體設置「恢復」？作爲web字體是目前我們沒有問題，但如果web字體失敗，我們最終與非粗體宋體

@font-face { 
    font-family: "My bold webfont"; 
    src: url("url/of/webfont/bold/variant"); 
} 

h1 { 
    font-family: "My bold webfont", Arial, sans-serif; 
    font-weight: normal; 
}

只要：

因此，例如，我可能會做這樣的事情。

在h1的font-family中有沒有指定「Arial Bold」的方法（我知道這不起作用，但它是所需的目標）？或者在@font-face的定義中，我可以說「這僅適用於分配給它的粗體版本」–，所以我可以從h1樣式中省略font-weight: normal？

來源

2012-08-28 Bob Meador

你有沒有試過像'500'這樣的數值？考慮到你的web字體支持這種大小，而Arial不支持，後者可能會回退到「正常」（這只是一種想法，我還沒有嘗試過）。我無法真正看到如何用* clean *方法用'CSS'來完成。 – Maroshii

嘗試在兩地指定font-weight: bold：

@font-face { 
    font-family: "My bold webfont"; 
    src: url("url/of/webfont/bold/variant"); 
    font-weight: bold; 
} 

h1 { 
    font-family: "My bold webfont", Arial, sans-serif; 
    font-weight: bold; 
}

Here's a demo.p#one顯示使用該技術;如果您在不支持WOFF網頁字體的瀏覽器中查看它，則會看到以粗體顯示的默認字體。

來源

2012-08-28 21:52:07 Ryan

我認爲OP只在Web字體失敗和其他正在使用時才需要Web字體的'font-weight：normal'和'bold'。 –

@SheikhHeera：這是'@ font-face'中指定'font-weight：bold'的用途 - 它使瀏覽器假定字體已經是粗體。 – Ryan

@SheikhHeera：看看演示。 – Ryan

不使用font-weight的粗體字體：粗體？

回答

相關問題