@字体面不工作

HI，我敢肯定，我做错了在@字体面的配置，因为它不是在任何浏览器中工作，这是我的CSS文件：@字体面不工作

@font-face { 
    font-family: BodyFont; 
    src: url('../ItcKabMed.eot'); 
    src: local('ITC Kabel'), 
      url('../Kabel_ITC') format('opentype'), 
      url('../Kabel_ITC') format('svg'); 
} 
body { 
    font-family: 'BodyFont'; 
    color: #797979; 
    background: url("") repeat-x scroll 0 0 #d7d7d7; 
    min-width: 1000px; 
}

一些想法，为什么我的字体没有显示出来？

来源

2011-05-09 Arthur Neves

就像你可以看到here，使用@font-face来实现crossbrowser的成功，我们需要使用很多字体格式。所以，你的字体转换为eot，ttf和svg和明确使用这种格式：

@font-face { 
    font-family: 'ITC Kabel'; 
    src: url('ITCKabel.eot'); 
    src: local('ITC Kabel'), 
     local('ITCKabel'), 
     url('ITCKabel.ttf') format('truetype'), 
     url('ITCKabel.svg#font') format('svg'); 
}

来源

2011-05-09 14:15:33

right！..现在我意识到我只是在PostScript格式的字体！我必须将其转换为其他类型。我正尝试使用一些在线转换器，但没有一个在工作！不知道为什么！ – 2011-05-09 16:12:25

PostScript不是像TrueType这样广泛使用的格式，那么在线工具可能会解释它的问题。也许更好地使用一些Mac程序来做到这一点。我不是Mac用户，那么我无法测试，但[FontForge]（http://sourceforge.net/projects/fontforge/）看起来非常有前途。如果它不工作，也许你的字体有问题。尝试使用另一种字体来查看问题是否与字体本身有关。 – 2011-05-09 16:55:06

你确定你没有忘记你的字体路径的文件扩展名？

来源

2011-05-09 14:09:41

嗯....一点是，文件（字体）我有它'不带任何扩展。我正在使用mac，如果我去了它所说的文件属性 - 类型：Font Suitcase – 2011-05-09 14:14:08

@字体面不工作

回答

相关问题