CSS3 字体嵌入

发布于 2024-10-21 00:57:44 字数 370 浏览 6 评论 0 原文

我试图简单地嵌入我已上传到服务器的字体。

所有内容均已正确加载，但显示的字体错误。我知道这种情况正在发生，因为当我删除 @font-face 代码时，渲染的 HTML 字体会发生变化。

这是我的代码，在过去的一个小时里我玩过很多不同的东西，所以大声说出你认为可能有用的东西。我也尝试过 .TTF 文件。

@font-face {
    font-family: Joan;
    src: url("../fonts/joan.otf") format('font/opentype');
}
body {
    background: url('../images/bg.gif');
    font-family: Joan;
}

原文

I'm trying to simply embed a font that I have uploaded to my server.

Everything is being loaded correctly, but the wrong font is being displayed. I know this is happening because when I remove the @font-face code the rendered HTML font changes.

Here's my code, I've played around with so many different things in the last hour so shout out whatever you think might work. I've also tried .TTF files.

@font-face {
    font-family: Joan;
    src: url("../fonts/joan.otf") format('font/opentype');
}
body {
    background: url('../images/bg.gif');
    font-family: Joan;
}

分享到QQ

分享到微博

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

发布评论

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

人间不值得 2024-10-28 00:57:44

http://www.fontsquirrel.com/fontface/generator

到目前为止，我在相关领域中获胜冒险。

这是一个网站我正在使用它进行开发：http://bigballoon.businesscatalyst.com/

回复收藏 0 原文

冷月断魂刀 2024-10-28 00:57:44

您可能必须将字体名称放在引号中。此外，为了兼容 MSIE，您需要将字体转换为 .eot 格式。这是“bulletproof”@font-face per paulirish.com。您可能需要根据完整/后记字体名称进行调整：

@font-face {
   font-family: 'Joan';
   src: url('../fonts/joan.eot');
   src: local('Joan Regular'), local('Joan'), 
        url('../fonts/joan.otf') format('opentype'); 
}

You may have to put the font name in quotes. Also, for MSIE compatibility, you'll need to convert the font to .eot format. Here's "bulletproof" @font-face as per paulirish.com. You may need to adjust depending on full/postscript font name:

@font-face {
   font-family: 'Joan';
   src: url('../fonts/joan.eot');
   src: local('Joan Regular'), local('Joan'), 
        url('../fonts/joan.otf') format('opentype'); 
}

回复收藏 0 原文

~没有更多了~