我正在尝试向使用 @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 中测试它,它总是一样的......
我是不是真的很蠢,错过了什么?
最佳答案
制作一个像评论中建议的 Pangloss 这样的工具包似乎已经解决了这个问题。我仍然不确定我做错了什么,但按照套件的确切说明进行操作非常完美:D
关于html - 使用@Font-Family 时不显示 TTF 字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33188906/