2013-05-09 69 views
1

因此,我在我的靜態文件夾中有一個base.css文件,伴隨有兩個字體文件,Fontin_Sans_R_45b.otfFontin_Sans_SC_45b.otf,分別用於常規和小型風格樣式。我想爲這兩種樣式定義字體,所以我做了以下操作:多種風格的相同字體

@font-face { 
    font-family:'FontinSans'; 
    src:url('Fontin_Sans_R_45b.otf'); 
    font-weight:normal; 
    font-style:normal; 
} 

@font-face { 
    font-family:'FontinSans'; 
    src:url('Fontin_Sans_SC_45b.otf'); 
    font-weight:normal; 
    font-style:small-caps; 
} 

我有三重檢查了文件名和它們的位置。然而,當我嘗試加載我的網頁時,我在Firefox中遇到了小寫字體錯誤:

[12:17:27.211] downloadable font: download failed (font-family: "FontinSans" style:normal weight:normal stretch:normal src index:0): status=2147500037 
source: file:///Users/user/Documents/DjangoProjects/blogEngineEnv/blogEngine/blogApp/static/css/Fontin_Sans_SC_45b.otf @ file:///Users/user/Documents/DjangoProjects/blogEngineEnv/blogEngine/blogApp/static/css/base.css 

我在做什麼錯?除了不期望IE混亂 - 這只是我正在使用的一個快速原型。

回答

0

您在聲明中出現錯誤。
small-caps不是font-style,這是一個font-variant

不知道這是不是錯誤的原因。我期望一個錯誤的屬性被忽略。但是,你永遠不知道。