CSS字體重量差異？

Question

我做了這個簡單的demo。

我可以在Visual Studio中看到，所有這些font-weight的值可以是：

然而，當我嘗試了所有這些值，我可以找到只有4 distincts。

我說那些紅色矩形，所以你可以看到誰具有相同的寬度。

爲什麼所有在中間（和那些最後）看起來都一樣？爲什麼我需要所有這些數字？

Answer 1

不同的字體有不同的字體可供他們使用。您的瀏覽器不會試圖模擬缺失的權重（這是一件好事，很難正確），因此您僅限於所用字體的已安裝版本中存在的權重。

Answer 2

這可能是因爲字體不支持如此多的權重，或者瀏覽器無法顯示這些權重。

無論如何，數字必須在那裏，因爲這是字體權重的工作原理。如果字體支持不同的權重，則由瀏覽器儘可能精確地顯示它;否則它會試圖優雅地回退到支持的最近位置。