CSS 字体不起作用

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

添加格式（“opentype”）；网址之后

Answer 2

在两个字体系列声明上添加语音标记。

所以添加到@font-face和body：

font-family: "myFirstFont";

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

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

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