外部字体在Foundation.Zurb CSS中不起作用
外部字体在Foundation.Zurb CSS中不起作用
提问于 2013-09-19 03:24:35
我想添加外部字体"Droid Serif“，并将字体放入foundation.css文件中。以下是代码
@font-face{ font-family: 'MyWebFont';
src: url('../font/DroidSerif-Bold-webfont.eot');
src: url('../font/droid-bold/DroidSerif-Bold-webfont.eot?iefix') format('eot'),
url('../font/droid-bold/DroidSerif-Bold-webfont.woff') format('woff'),
url('../font/droid-bold/DroidSerif-Bold-webfont.ttf') format('truetype'),
url('../font/DroidSerif-Bold-webfont.svg#webfont') format('svg'); }现在，我在body中调用这个名字
body {
background: #edebda;
color: #222222;
padding: 0;
margin: 0;
font-family: "MyWebFont","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
line-height: 1;
position: relative;
cursor: default; }但是它不接受字体吗？为甚麽呢？我已经检查了文件的路径，我确信它是正确的。基金会的工作方式有什么问题吗?我真的需要你的帮助！
回答 1
Stack Overflow用户
发布于 2013-09-19 04:12:30
我已经用Zurb基金会做过了，没有任何问题。你的字体代码对我来说似乎很好...
您是否尝试过将这些字体属性应用于单个项目(而不是正文)？例如，将它们包含在类名(.apply-font)中，并将其应用于div或span。它起作用了吗？如果没有，可能是字体文件的路径有问题。但你确定这不是问题所在...
如果它可以工作，那么主体定义可能在编译文件_globals.scss时由zurb创建的主体定义之前，第二个主体定义覆盖第一个主体定义。要测试这是否是问题所在，您可以对您的font-family使用!important声明。这就是说，它在哪里声明并不重要，这就是使用它的方式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18880621
复制相关文章
相似问题
腾讯云开发者
