html - 使用@Font-Family 时不显示 TTF 字体

Question

我正在尝试向使用 @Font-Face 制作的网站添加字体但它不工作。我完全按照上面的链接进行操作，但它不起作用。

我的代码:

@font-face {
    font-family: 04B;
    src: url("04b.ttf") format('truetype');
    
}

table {
    margin:auto;
    text-align:center;
	font-size:40px;
    font-family: 04B;
    table-layout: fixed;
    width: 100%;
}

h1 {
	text-align:center;
	font-size:50px;
    font-family: 04B;
}

<h1>Problem is that the font displays exactly like it does in this demo window but shouldnt since I added a font</h1>

此外，我尝试使用的字体是我得到的 TTF 字体 from here.字体也位于与 CSS 文件相同的目录中，所以我认为应该完全没问题

我尝试在 Edge、IE 和 Chrome 中测试它，它总是一样的......

我是不是真的很蠢，错过了什么？

Answer 1

制作一个像评论中建议的 Pangloss 这样的工具包似乎已经解决了这个问题。我仍然不确定我做错了什么，但按照套件的确切说明进行操作非常完美:D