@字體面不工作

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

@字體面不工作

回答

相關問題