如何使用子字體

我正在使用Macbook Air。
我使用TextWrangler作爲文本編輯器。
我的Macbook版本是10.9.5。

對於我的網站，我安裝了一個名爲Open Sans的新字體。我用Regular Open Sans設計了身體，而且效果非常好。但是，我的網站有一部分是我想要成爲Bold Open Sans的。在下載中有許多不同類型的Open Sans。大膽打開Sans，斜體打開Sans等......考慮到這一點，我決定只是將字體家族更改爲CSS代碼中的Bold Open Sans。什麼都沒發生。然後我嘗試了Open Sans Bold。儘管如此，沒有發生。有人可以解釋發生了什麼事嗎？另外，出於某種原因，在任何情況下使用h1都會使其看起來像是大膽的。有人可以解釋這一點嗎？

下面是一些截圖。

我試圖使字母變粗體的方法。

結果。

來源

2015-10-29 Ryanplays Games

哪裏是你的代碼？ – hungerstar

有沒有「Bold Open Sans」這樣的字體。它可能是「Open Sans Bold」，但我不確定這是否正確，要麼不看我自己。 – Rob

也許你有幾個選項，請保持您提供NO源代碼的頭腦，如果你是正確的，以及如何加載你的字體沒有指定，因此很難了解您的具體問題。

通過這裏順便一些選項：

嘗試使用font-weight: bold;

.dateOfPost { 
    font-weight: bold; 
    /* you should specify your font type here */ 
}

如果您正在使用谷歌字體，你應該包括這在你的HTML頭：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>

這將從Google CDN加載OpenSans Bold字體。

您可以使用特定的字體加入這個屬性在你的CSS類

font-family: 'Open Sans', sans-serif;

.dateOfPost { 
    font-weight: bold; 
    font-family: 'Open Sans', sans-serif; 
}

更多相關信息可以在Google Web Font site找到。

活生生的例子：

https://jsbin.com/xawuyuyeye/edit?html,output

來源

2015-10-29 15:12:19 GibboK

嗯......它沒有用大膽的方法工作，但現在它的工作！謝謝！ –

@RyanplaysGames太棒了！我很高興它可以幫助你，如果你認爲我的答案解決了你的問題，請考慮接受它。C在左邊的這篇文章中點擊勾號。（我認爲它正好在箭頭下面）。 – GibboK

點擊了！感謝你的回答！：d –

如何使用子字體

回答

相關問題