CSS font-face不起作用

Question

我正在尝试添加自定义字体到我的网站。我尝试了很多方法，但都没有成功。下面是我的css代码：

@font-face
{
    font-family: myFirstFont;
    src: url('ellis.ttf');
}

body
{
    margin: 0;
    padding: 0;
    width: 100%;
    cursor: default;
    font-size: 11px;
    line-height: 1;
    font-family: myFirstFont,arial,san-serif;
    overflow:auto;
    background:#ecf6f7;
}

我知道这不是一个跨浏览器的案例，但我正试图让工作首先成为一个简单的案例。

Answer 1

像这样应用字体..

@font-face
{
    font-family: 'ellis';
    src: url('ellis.ttf');
}
.body
{
    font-family: "ellis";
}

Answer 2

在URL后添加format("opentype")；

Answer 3

在两个font-family声明中都添加了语音标记。

因此，同时添加到@font-face和body

font-family: "myFirstFont";

或者尝试这样做，以确保所有代码都是正确的，并确保不是代码：

http://www.fontsquirrel.com/fontface/generator

这听起来可能很愚蠢，但是要确保字体和路径的拼写都是正确的。