Question

我正在尝试简单地嵌入我上传到服务器的字体。

正确加载所有内容，但显示的字体错误。我知道这种情况正在发生，因为当我删除@ 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;
}

Answer 1

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

到目前为止，在我的相关冒险中赢了。

Here's a website正如我们所说的那样：http://bigballoon.businesscatalyst.com/

Answer 2

您可能必须将字体名称放在引号中。此外，对于MSIE兼容性，您需要将字体转换为.eot格式。这里的“防弹”@ font-face为per paulirish.com。您可能需要根据完整/ postscript字体名称进行调整：

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

CSS3字体嵌入

2 个答案: