在不同的頁面中有不同的字體重量/類型

我在我的孩子網站遇到問題。我調整了網站上的大部分內容，但後來我意識到頁面之間的字體系列和重量不同。目前，我正在通過一個css插件覆蓋CSS，它很好，直到面臨這個問題。在不同的頁面中有不同的字體重量/類型

這是字體的CSS代碼;

@import url(http://fonts.googleapis.com/css?family=Open+Sans); 
*{font-family:"Open Sans" !important; 
    font-weight: 100; 
    color: rgba(0, 0, 0, 0.50); 
    font-size: 18px; 

} 

p{ 
color: rgba(0, 0, 0, 0.50) !important; 
    font-weight: 100 !important; 
} 

strong{ 
color: #1a9396 !important; 
font-weight: 300 !important; 
} 

h1, h2, h3, h4, h5{ 
color: #1a9396 !important; 
font-weight: 100 !important; 
}

來源

2017-07-24 t.cvmk

問題是你的一個Revslider在你的CSS文件加載後正在加載http://fonts.googleapis.com/css?family=Open+Sans:300%2C400。這會導致您的所有字體font-weight: 100;呈現爲Open Sans Light。罪魁禍首就是你的滑塊在標題下方。這發生在使用revslider的所有頁面上。

如果你想要的字體使用Open Sans Light，可嘗試刪除您@import url(http://fonts.googleapis.com/css?family=Open+Sans);或者如果你想正常的字體粗細將其更改爲@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);

，請嘗試設置font-weight回400問題就解決了。

我對Revslider不熟悉，但看起來您可以停止從Revslider設置加載Open Sans字體。這裏是一個鏈接說明如下：https://www.themepunch.com/revslider-doc/google-fonts/

來源

2017-07-24 14:24:58 rideron89

非常感謝你，你發現問題出在哪裏。我爲其他導致400字體重量的橫幅所做的工作是將文本置於100，並使其不可見。問題解決了。謝謝你的哥們。 –

在不同的頁面中有不同的字體重量/類型

回答

相關問題