@ font-face不起作用(任何类型)

时间:2014-12-02 19:37:02

标签: css fonts font-face true-type-fonts font-family

对于学校项目,我有义务使用字体文件夹而不仅仅是Google网址,所以这就是我所做的。

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

删除../无效,删除@media也不起作用。任何sugestions?

我使用的是Chrome,因此它应该至少适用于我。

1 个答案:

答案 0 :(得分:0)

我解决了这个问题。突然我想,我没有将<link href="css/styles.css" rel="stylesheet">添加到我的html文件中。愚蠢,我知道,但我还在学习,并且不太擅长这个。

感谢您的时间!