文章/答案/技术大牛

发布

社区首页 >问答首页 >用我的自定义css问题覆盖foundation.css

问用我的自定义css问题覆盖foundation.css
EN

Stack Overflow用户

提问于 2016-02-15 01:19:53

回答 1查看 486关注 0票数 1

我刚刚开始使用Foundation 6，我使用的是带有css文件和js文件的简单归档文件。

我正在尝试用我的字体覆盖默认的字体系列，但是基金会css样式覆盖了我的css。我做错什么了？

这是我的代码：

@font-face {
    font-family: josefin;
    src: url('../fonts/josefin/JosefinSans-Regular.ttf');
}
body{
   font-family: 'josefin';
}
.main-header{
    background-color: #D72B3F;
}

<!DOCTYPE html>
	<html>
        <head>
            <link rel="stylesheet" href="lib/foundation-6/css/foundation.css">            
            <link rel="stylesheet" href="css/app.css">                        
		</head>
        <body>
            <header>
                <div class='main-header expanded row'>
                    <div class='small-12 columns'>
                        <h1>Title</h1>
                    </div>
                </div>
            </header>

            <footer>
                <div class='row'>
                    <div class='small-12 colums'>
                        <h1>Footer</h1>
                    </div>
                </div>
            </footer>

        <script type="text/javascript" src="lib/jquery/jquery-1.12.0.min.js"></script>                    
        <script type="text/javascript" src="lib/foundation-6/js/foundation.min.js"></script>
		</body>
	</html>

谢谢。

Edit1 :我试过了！很重要，但不起作用。

Edit2 :我不认为这是关于我的css语法本身的错误，因为当我在firebug中取消激活foundation.css的字体条目时，我可以在我的自定义css中显示字体定义。

html

css

zurb-foundation

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-02-15 09:41:48

我解决了我的问题，我觉得自己很蠢:)

我在我的包上测试字体，foundation.css对元素有一个特定的规则。

所以我不得不在css中重写。

h1,h2,h3,h4,h5,h6{font-family: 'josefin';}

好了，谢谢你的帮助！

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/35400133

复制

相似问题

问用我的自定义css问题覆盖foundation.css
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用我的自定义css问题覆盖foundation.cssEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用我的自定义css问题覆盖foundation.css
EN