Css @字体不起作用(在任何类型中)

Css @字体不起作用(在任何类型中),css,fonts,font-face,truetype,font-family,Css,Fonts,Font Face,Truetype,Font Family,对于一个学校项目,我有义务使用一个字体文件夹,而不仅仅是谷歌的URL,所以下面是我所做的 @font-face{ font-family: 'Open Sans'; src: url('../fonts/OpenSans-Regular.eot'); src: url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Re

对于一个学校项目,我有义务使用一个字体文件夹,而不仅仅是谷歌的URL,所以下面是我所做的

@font-face{
        font-family: 'Open Sans';
        src: url('../fonts/OpenSans-Regular.eot');
        src: url('../fonts/OpenSans-Regular.ttf') format('truetype'),
             url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
             url('../fonts/OpenSans-Regular.woff'), format('woff'),
             url('../fonts/OpenSans-Regular.svg'), format('svg'); 
        font-style: normal;
        font-weight: normal;
}
对于粗体/斜体版本,我有相同的代码块。我想我用对了

@media (min-width: 769px){
body{
        font-family: 'Open Sans', Helvetica, Verdana, sans-serif;
    }
}
删除../不起作用,删除@媒体也不起作用。有什么建议吗


我使用的是Chrome,所以它至少对我来说是可行的。

我解决了这个问题。突然我想,我没有添加到我的html文件中。愚蠢,我知道,但我还在学习,不太擅长这个


无论如何,谢谢你抽出时间

您的控制台中是否存在任何错误,或者字体是否会悄然失效?早期版本的chrome应支持truetypes字体,并且我在您的css声明中未发现任何语法错误,您能否显示css和字体相对于公共祖先目录的存储路径?另外,如果你还没有指定Firefox或Explorer的其他字体类型,请考虑如果你的.CSS文件在你的CSS文件夹和你的字体文件夹下使用,那么这种路径应该工作:/字体/ OpenSANS正则。TTF注意到你的OP评论的区别是保留了前斜杠,但是这两个时期下降了。这两个阶段意味着上一个文件夹级别,然后查找字体文件夹。我解决了这个问题。。。突然我想我没有添加到我的html文件中。。。愚蠢,我知道。。。但我仍在学习,不太擅长这一点。无论如何,谢谢你抽出时间@保罗·萨西克:对不起,我点击了回车键,而我的意思是shift-enter…回答你自己的问题也可以,作为对你帖子的实际回答!请使用问题的编辑链接添加其他信息。“发布答案”按钮只能用于问题的完整答案。@Jasonaler这不合适。答案不应该进入问题。