html - 为什么 Font 在 Html CSS 中不起作用？

Question

我下载了 Graffonti 字体并添加了 Css3，但 html 结果未显示该字体。

我的 Css 文件有这段代码，..

 @font-face {
        font-family: Graffonti;
        src: url('fonts/Graffonti/graffonti.3d.drop.[fontvir.us].ttf');
    }

h1,h2,h3,h4,h5,h6{
    margin-bottom: 21px;
    line-height: 21px;
    font-family: 'Graffonti',sans-serif;
    font-weight: 400;
    line-height: 1.2em;
}

字体在 fonts/Graffont 文件夹中。我想在我的系统中安装字体吗？

什么错误？

Answer 1

我通常有多个版本的字体以允许多个浏览器，如果你去这里上传你的字体，它会为你生成代码和字体格式: http://www.fontsquirrel.com/fontface/generator