html「lang」屬性更改字體設置

Html lang屬性將某些div字體和顏色更改爲引導默認字體和顏色。我添加了<html lang="en">，並使用Bliss2 Regular字體。這是採取的defualt字體樣式。html「lang」屬性更改字體設置

.cc-revoke, .cc-window { 
position: fixed; 
overflow: hidden; 
box-sizing: border-box; 
**font-family: Helvetica,Calibri,Arial,sans-serif;** 
font-size: 16px; 
line-height: 1.5em; 
display: -ms-flexbox; 
display: flex; 
-ms-flex-wrap: nowrap; 
flex-wrap: nowrap; 
z-index: 9999; 
}

這裏是我的代碼：

.cc-window { 
**font-family: "Bliss Regular";** 
font-size: 16px; 
text-align: center; 
}

爲什麼發生這種情況？我怎樣才能解決這個問題。這隻發生在一些地方。

來源

2017-08-07 Prajila V P

嘗試的你希望覆蓋樣式的末尾添加!important：

font-size : 16px !important ;

來源

2017-08-07 07:09:13 Diveye

我想知道這樣做的原因？爲什麼在啓用lang屬性時發生這種情況 –

我不是100％確定的，但是從您對問題的描述中，我認爲問題來自特定性級別。當您更改lang屬性時，鏈接到該屬性的那些html對象的樣式可能會變得比以前更具體，因此會覆蓋您爲其進行了原始編碼的樣式。你可以閱讀更多關於這裏： https://www.smashingmagazine.com/2010/04/css-specificity-and-inheritance/ – Diveye

html「lang」屬性更改字體設置

回答

相關問題