如何根據css屬性「font-weight」計算文本厚度？

font-weight in firefox

字體重量鉻：

font-weight in chrome

font-weight的值在100,500,600,700,900的順序，這是根據W3C標準設置。

您可以清楚地看到文字厚度沒有線性變化，並且在不同的瀏覽器中不完全相同（從100到500幾乎相同）。所以我想知道，根據font-weight，文本是如何計算的？

2012-03-09 ThemeZ

實際上，400是正常的，700是粗體。這些是大多數文本渲染引擎支持的唯一數字值。這主要不是瀏覽器問題。 – 2012-03-09 07:51:14

@BoltClock就是'400'和'700'。但是，它不是瀏覽器的限制，而是字體的定義。大多數只有兩個厚度。 – 2012-03-09 07:52:03

是的，關於瀏覽器的部分是我的錯誤。哎呀。 – BoltClock 2012-03-09 07:52:58

正如它指出，粗體面通常是由用戶代理合成對於缺乏實際粗體面孔的面孔。

我發現它通常更好，以避免字體權重在一起，並使用特定的字體。

2012-03-10 01:49:57 dave

你是對的，人們很少使用數值，而是使用特定的字體。所以大多數瀏覽器都不支持，但我不明白的是他們甚至沒有實現_bolder_和_lighter_ – ThemeZ 2012-03-11 09:51:11

回答