我需要在CSS中使用@font-face的更多细节

我正在尝试使用@font-face，我的代码是这样的：

@font-face{
    font-family: myFont;
    src: url(AccidentalPresidency.ttf);
};

div {
    font-family: myFont;
};

字体未更改为我在中找到的字体

我在网页上找到了字体的链接“accidentalpremission.ttf”

---

我在最新版本的Chrome中使用Codecademy。我以前从未使用过@font-face。

您是否为所有元素应用了字体系列

尝试：

---

您需要下载字体并将其保存在项目文件夹中。例如：

@font-face {
    font-family: 'My Font';
    src: url('../css/AccidentalPresidency.ttf');
}

div {
    font-family: 'My Font';
}

---

你可以加一个！最后很重要，只是为了确保。但在测试后将其删除。不要忘记源代码和字体名称上的

'

。删除

}

末尾的分号。

@font-face {
    font-family: 'My Font';
    src: url('../css/AccidentalPresidency.ttf');
}

div {
    font-family: 'My Font';
}