使用 @font-face 添加新字体不起作用

发布于 2024-12-04 18:30:31 字数 343 浏览 1 评论 0原文

下面的代码有错误吗？

@font-face {
    font-family: 'raveFire';
    src: url('ravefire.eot');
    src: local('raveFire'), url('ravefire.ttf') format('truetype');
}

这段代码位于文件“style.css”中，并且文件ravefire.ttf和ravefire.eot与“style.css”位于同一文件夹中...

我尝试在span、style、class中使用这个新的字体系列等等...我也尝试了几种浏览器...

请问有什么帮助吗？

原文

is there any error in the follow code ?

@font-face {
    font-family: 'raveFire';
    src: url('ravefire.eot');
    src: local('raveFire'), url('ravefire.ttf') format('truetype');
}

this code is into the file "style.css" and, the files ravefire.ttf and ravefire.eot are in the same folder than "style.css" ...

Ive tried use this new font-family in span, style, class, etc ... I also tried several browsers...

please, any help ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

慈悲佛祖 2024-12-11 18:30:31

我最近一直在使用 font-face ，但我没有看到“本地”参考，请尝试不使用，即：

@font-face {
    font-family: 'raveFire';
    font-style: normal;
    font-weight: normal;
    src: url('ravefire.eot') format('eot'), url('ravefire.ttf') format('truetype');
}

确保您的字体与页面位于同一文件夹中，或使用它们的绝对路径。

I've been using font-face quite a bit recently and I've not seen the "local" reference, try it without, i.e.:

@font-face {
    font-family: 'raveFire';
    font-style: normal;
    font-weight: normal;
    src: url('ravefire.eot') format('eot'), url('ravefire.ttf') format('truetype');
}

Make sure your fonts are in the same folder as the page, or use absolute paths to them.

回复收藏 0 原文

~没有更多了~