Question

我正在尝试使用从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;
}

Answer 1

h1{

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

您在H1中的font-family调用缺少结束'

将通话更改为

font-family:'VitaminRegular';

这应该有效

Answer 2

    @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中，font font-family应匹配@ font-face字体系列属性

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

2 个答案: