font-family是繼承。如何在chrome開發人員窗格中查找font-family？

enter image description here

至於我可以看到，每一個font-family值繼承。

我怎樣才能找到什麼是字體家族的實際價值？我該如何跟蹤來自繼承層次結構的根font-family值的定義？

如果'html'選擇器的任何屬性是'inherit'，那就意味着使用用戶首選項（來自設置）。只有在樣式表中明確給出某個值後，該值纔會更改。還是你的意思是別的？ –

Developer Tools > Elements > Computed > Rendered Fonts

你連接到你的問題圖爲Style標籤。如果更改爲下一個選項卡Computed，則可以檢查呈現的字體，該字體顯示實際呈現的字體家族。

Developer Tools > Elements > Computed > Rendered Fonts

2014-09-09 13:27:16

您的瀏覽器的默認字體系列將被繼承。

您可以在Chrome檢查瀏覽器的默認字體： 設置> Web內容>自定義字體...

enter image description here

2013-07-14 07:57:23 Heejin

的inherit value，使用時，指的價值屬性設置爲父元素的相同屬性的值。對於根元素（在HTML文檔中，對於html元素）沒有父元素;根據定義，使用的值是該屬性的初始值。初始值是爲CSS規範中的每個屬性定義的。

font-family property是特殊的，它的初始值在規範中並不固定，但是被定義爲依賴於瀏覽器。這意味着使用瀏覽器的默認字體系列。這個值可以由用戶設置。

如果從根元素到當前元素元件的連續鏈（在父 - 子關係的意義上），所有font-family設置爲inherit或不以任何樣式表設定爲全部（這也導致繼承），那麼字體就是瀏覽器的默認值。

雖然這並不令人感興趣。如果你根本沒有設置字體，瀏覽器默認會被使用。您真正的問題可能會有所不同 - 您似乎正在查看構成瀏覽器樣式表的樣式表部分。可能還有其他更有趣的樣式表會影響情況。

2013-07-14 11:45:21

我覺得OP想知道，在網頁上使用的字體是什麼，並希望信息可能是在「檢查」窗格中容易找到。

嘗試添加Whatfont Chrome擴展。

2016-03-26 02:33:48 Daine

回答