覆盖应用于html标记的normalize.css字体系列

时间:2013-10-20 15:12:30

标签: css symfony assetic

我正在尝试使用雅虎的purecss,其中包含normalize.css。我需要能够将Open Sans设置为html标记的字体系列,但是normalize.css将sans-serif设置为html标记上的font-family,似乎不允许它。我可以使用Open Sans的唯一方法是为每个特定的html元素设置它,例如h1。

有谁知道如何覆盖规范化并在html标签上设置font-family?我不想每个标签单独设置它,因为如果我忘记将它应用于某个标签,这可能会导致整个网站出现荒谬的不一致!

由于

我应该提到我正在使用Symfony2和Assetic。这是我的代码:

<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;
}

1 个答案:

答案 0 :(得分:5)

好的想通了。我错过了本页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;
}