覆蓋normalize.css應用於html標記的字體系列

我正在嘗試使用yahoo的purecss，其中合併了normalize.css。我需要能夠將Open Sans設置爲html標籤的字體系列，但normalize.css將sans-serif設置爲html標籤上的字體系列，但似乎並未允許。我可以將Open Sans應用到的唯一方法是將其設置爲每個特定的html元素，例如h1。覆蓋normalize.css應用於html標記的字體系列

有誰知道我可以重寫normalize並在html標籤上設置字體系列？我不希望每個標籤都要單獨設置，因爲如果我忘記將它應用於某個標籤，這可能會導致整個網站出現荒謬的不一致！

謝謝

我應該提到我正在使用Symfony2和資產。這裏是我的代碼：

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css"> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'> 
{% block stylesheets %} 
    {% stylesheets 
     '@RoundupRoundupBundle/Resources/public/css/pure-skin-roundup.css' 
     '@RoundupRoundupBundle/Resources/public/css/main.css' 
      filter='cssrewrite' 
     %}    
     <link rel="stylesheet" href="{{ asset_url }}" /> 
    {% endstylesheets %} 
{% endblock %}

然後我自己的CSS覆蓋是（在main.css的）：

html { 
    font-family: "Open Sans" !important; 
}

來源

2013-10-20 Jon Hudson

如果重寫CSS規則*後* purecss的規則定義，它應該被覆蓋。這兩個CSS選擇器都一樣嗎？ – Prusprus

是的，它在歸一化後包含在一個單獨的樣式表中。我正在定位html元素，正常化。奇怪的是，如果我應用！important然後檢查一個元素，比如h1，我可以看到我的字體（Open Sans）重寫了normalize的字體，但實際上並沒有應用它。文本仍然只是無襯線！ Arrg。 –

你能分享我的網站的URL，所以我可以檢查如何加載樣式？ – Prusprus

OK了它。我在本頁中錯過了使用網格自定義字體的documentation的一部分。

我需要還針對purecss網格類以及在html/body元素，像這樣：

body, 
.pure-g [class *= "pure-u"], 
.pure-g-r [class *= "pure-u"] { 
    /* Set you're content font stack here: */ 
    font-family: Georgia, Times, "Times New Roman", serif; 
}

來源

2013-10-20 17:46:26

覆蓋normalize.css應用於html標記的字體系列

回答

相關問題