css - 为什么我的FontSquirrel字体不起作用？

我正在尝试使用从http://www.fontsquirrel.com/下载的字体。我附加的文件包含在fonts文件夹中，在我的HTML文件中，我有一个<h1>标记，上面写着“ Hello font”。

但是，它不起作用。有人知道为什么吗？

@font-face {
    font-family:'vitaminregular';
    src: url('fotns/VITAMIN_-webfont.eot');
    src: url('fonts/VITAMIN_-webfont.eot?#iefix') format('embedded- opentype'), url('fonts/VITAMIN_-webfont.woff') format('woff'), url('fonts/VITAMIN_-webfont.ttf') format('truetype'), url('fonts/VITAMIN_-webfont.svg#vitaminregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1 {
    text-align:center;
    font-size:100px;
    font-family:'VitaminRegular;
}

最佳答案

h1{

                  text-align:center;
                  font-size:100px;
                  font-family:'VitaminRegular;
                       }

您在H1的字体家族通话缺少结束符'

更改为

font-family:'VitaminRegular';

这应该工作

关于css - 为什么我的FontSquirrel字体不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18176057/