CSS字体面不工作

我正在尝试向我的网站添加自定义字体。我尝试了很多事情，但没有成功。以下是我的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;
}

---

我知道这不是一个跨浏览器的案例，但我首先尝试将工作变成一个简单的案例

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

因此，在

@font-face

和

body

中添加以下内容：

font-family: "myFirstFont";

或者，尝试此操作以确保所有代码正确，并确保其不是代码：

---

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

您确定字体文件引用的位置正确吗？无论样式表位于何处，都将引用文件

ellis.ttf

如果您的HTML页面位于，但是CSS位于，那么它将查找

ellis.ttf

at.

像这样应用字体

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

---

添加格式（“opentype”）；URL后

您确定字体的路径正确吗？在正文字体系列上，尝试调用：

字体系列：“myFirstFont”是的，我是舒尔，我已经尝试过itI。我现在在Chrome中遇到类似的问题（Safari正在按预期渲染字体）。当我在Chrome developer tools中查看resources选项卡时，我可以看到字体的一个条目，但单击它会显示一个类似Times New Roman的预览。这应该不是必需的：尽管它看起来更符合逻辑！添加标记没有任何作用。我已经尝试了fontsquirrel服务。如果字体松鼠不起作用，那么它不太可能是代码，而是其他东西，可能是路径或字体问题。我已经尝试过字体文件格式。它在那里工作，但在我的本地主机上不工作。css和ttf文件位于同一文件夹中。因此，我是prity shure字体文件路径没有错误。我的css文件和ttf文件位于同一个文件夹中。我可以提供的唯一解释是，您使用的是过时的浏览器（我对此表示怀疑），或者.ttf文件已损坏或上载不正确。字体被破坏。我以前试过一些其他字体，但我猜它们也被破坏了。感谢您的帮助字体系列和字体名称应该是相同的…在您的情况下，您使用的是字体系列myFirstFont和字体名称ellis.ttfDo。不鼓励只使用代码的答案，你可能会被否决。这是我的观点，我对这个答案不是100%肯定。因为我在我的项目中使用了相同的代码，并且它100%工作。