網頁字體：@ font-face應該包含font-style和font-weight？

當包括@font-face和src導入web字體，我注意到你可以在2個可選值傳遞。我目前沒有這樣做。網頁字體：@ font-face應該包含font-style和font-weight？

我有2種網絡字體，Lato Regular和Lato Bold。

我應該在@font-face規則中指定權重嗎？

它說，在默認情況下它使用普通。

我沒有通過任何東西，它似乎正確渲染，即大膽的版本似乎是大膽的。

想知道這樣做的推薦方式以及它有哪些優點或缺點？

以粗體傳遞會強制瀏覽器加粗字體？但它已經大膽 - 對嗎？

來源

2016-07-19 Martin

請張貼您的CSS代碼。 – Lowkase

這是不是主要基於意見？還是我誤會了？ –

不是OP，但認爲它應該*不*基於意見。一字型的原作者是指定他們設計每個變體的傾斜和大膽的人，和隨機的人在互聯網上（包括嵌入用戶）不應該使不知情的決定字型他們是否進口「長相」，「經常」或「大膽「，或者它是什麼樣的傾向。此外，關於細節類型的信息嵌入在字體中，因此技術上用戶代理可以比* user *規範更好地推斷出它。無論如何，明確的規範應該遵循作者的意圖。 – amn

是的，你應該。 font-weight和font-style指定您認爲字體是什麼。這意味着您可以將作者設計的內容嵌入到常規字體中作爲粗體字體。這也意味着當你使用這樣的字體時，你最好使用font-weight: bold，除非沒有其他選擇，在這種情況下，用戶代理將選擇字體。

你的情況：

@font-face { 
    font-family: "Lato"; 
    font-style: normal; 
    font-weight: 400; 
    src: /* The URL of the resource containing the non-slanted regular font face. */ 
} 

@font-face { 
    font-family: "Lato"; 
    font-style: normal; 
    font-weight: bold; /* or 700 */ 
    src: /* The URL of the resource containing the non-slanted font face with 'bold'/700 glyphs. */ 
}

如果你沒有在你的@font-face規則中指定font-weight，你的字型是由用戶代理假設有400默認的權重（「規則」）字形。因此，在引用字體的規則中沒有指定font-weight，仍默認爲相同的字體權重，並且一切正常，不存在衝突。

我也經常使用數字字體重量，因爲常常將自定義字體劃分爲半粗體和特別粗體，所以如font-weight: 600可讓您選擇嵌入的半粗體字體（也有font-weight: 600在其相應的@font-face規則中）。

來源

2016-07-19 14:36:40 amn

網頁字體：@ font-face應該包含font-style和font-weight？

回答

相關問題