css - 不能将 @font-face 与 Font Squirrel 转换一起使用

Question

我一直在尝试在我的网页上添加我自己的字体，但我仍然不知道如何使用 Font Squirrel 转换器。我下载了免费的 .ttf 字体，并使用生成器将其转换为如下所示:

@font-face 
{
font-family: 'AbiteRegular';
src: url('fonts/abite-webfont.eot');
src: url('fonts/abite-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/abite-webfont.woff') format('woff'),
     url('fonts/abite-webfont.ttf') format('truetype'),
     url('fonts/abite-webfont.svg#AbiteRegular') format('svg');
font-weight: normal;
font-style: normal;
}

fonts 是我保存 .ttf 文件转换的文件夹。我这样使用它:

body 
{
font-family: 'AbiteRegular';
}

所有这些配置都在 .css 文件中。但正文忽略了这一点。你知道为什么会这样吗？

Answer 1

你的字体 URL 可能有问题

url('fonts/abite-webfont.eot');...

或者您使用的浏览器不支持动态字体。