问题使用@ font-face css引用下载的字体显示在html页面上

Question

这项工作正在进行中，但我已在此处上传了代码

http://crea8tion.com/ChristmasMessage/index.html

我已下载并将字体MerryXmas.ttf放入我的索引html文档所在的根目录。

在css中我添加了

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

h4 {
font-family: MerryXmas;
}

但字体看起来应该是http://www.dafont.com/merry-xmas.font，但你会看到它没有。该网站使用基础5框架构建，但我已删除了样式链接，以确保不会影响字体。

从使用Google控制台到我可以看到字体被正确引用，只是不确定我在看什么？

Answer 1

将src: url('MerryXmas.ttf');更改为src: url('../MerryXmas.ttf');，然后重试 字体路径必须相对于CSS文件