使用網頁字體時，字體粗體和粗體是否有區別？

我最近聽說（實際上我不太相信），當你用@font-weight定義@ font-face時，例如700，並且你在CSS font-weight: bold中使用某個地方，瀏覽器可能會使用仿粗體類型來渲染它自己的font-weight。在這種情況下，700和bold真的有這樣的區別嗎？使用網頁字體時，字體粗體和粗體是否有區別？

所以我要問的是：給出了這樣的定義

@font-face { 
    font-family: SampleFont; 
    src: ...; 
    font-weight: 700; 
}

將所有的瀏覽器（根據規範）請使用在以下情況下指定文件SampleFont？

.case1 { font-weight: 700; } 
.case2 { font-weight: bold; }

我問，如果當你定義@font-face與數值如700（反之亦然），然後在CSS的地方使用它quivalent（在這種情況下bold）一些瀏覽器可以使用仿粗體文字，而不是一通過@ font-face定義。

謝謝專家！

來源

2016-07-25 actimel

題目的答案是「否」，但後來我看到你在問題主體中使用了「eg」，這就造成了一個完全不同的問題！事實上，在某些情況下，對於沒有內置本機重量的字體，'font-weight：600'會呈現爲半粗體。 –

此外，此字體和本地字體之間沒有區別尊重。如果你發現有，使用webfont，我會查看連接問題，CORS，緩存問題也許。 –

所以基本上我要問的是700和粗體之間真的沒有區別。 – actimel

它們之間沒有區別。也許像font-weight:bold一樣使用它會使您的代碼比使用font-weight:700更具可讀性。

您還可以使用關於font-weight的其他值。

100 - 薄
200 - 額外光（超輕）
300 - 光
400 - 正常
500 - 中等
600 - 半粗體
700 - 粗體
800 - 超粗體（超粗體）
900 - 黑色（重型）

'font-weight:normal' 與 'font-weight:400' 和 'font-weight:bold' 是 'font-weight:700' 的代名詞代名詞。

來源

2016-07-25 07:40:17 kkakkurt

我添加了一個例子，請問在這種情況下是否真的沒有區別？謝謝。 – actimel

我知道你提供的桌子。我問，如果當你定義@字體面與數值如：'700'（反之亦然），然後在這裏使用其quivalent'bold'一些瀏覽器可以使用仿粗體文字而不是通過@字體面定義的。 – actimel

IIRC一些字體支持多級別的氣色，但有些不支持，所以如果字體支持該功能，則會有細微的差別，但兩者看起來都是一樣的和粗體的。

來源

2016-07-25 07:43:40

使用網頁字體時，字體粗體和粗體是否有區別？

回答

相關問題