CSS3字体嵌入

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

您可能必须将字体名称放在引号中。另外，对于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'); 
} 

Answer 2

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

赢得了在我相关的冒险至今。

Here's a website我与它发展，因为我们说话：http://bigballoon.businesscatalyst.com/