2012-08-14 29 views
0

我在CSS中使用以下行輸入一些自定義的字體在我的Rails應用程序:@字體面不接我的自定義字體

@font-face 
{ 
    font-family: "SquareSlabLite"; 
    src: url("/assets/squareslablite.ttf"); 
} 

@font-face 
{ 
font-family: "SquareSlabBold"; 
src: url("/assets/squareslabheavy.ttf"); 
} 

@font-face 
{ 
    font-family: "SquareSlabMedium"; 
    src: url("/assets/squareslabmed.ttf"); 
} 

當我去的位置(一個或多個)本地主機: 3000/assets/字體 .ttf,我得到相應的字體顯示下載。但是,當我嘗試使用字體,例如:

h2{ 
    font-family: "SquareSlabLite"; 
    } 

此行僅適用於使用SquareSlabBold時。當我嘗試使用該文本的Lite或Med版本時,我什麼都沒有,只是出現一個通用字體。當我檢查出螢火蟲時,粗體顯示,但不是精簡版和中等版本。我很困惑。我檢查過拼寫,redownloaded文件但沒有。

這不可能使用squareslab中和lite工作嗎?即使我已經從不同的來源下載它們,ttf文件可能有問題嗎?

謝謝你們。

回答

1

到處都不支持TTF。如果您使用IE瀏覽器查看此字體,則準備TTF以便在每個IE中都能正常工作真的很困難。嘗試http://www.fontsquirrel.com/fontface/generator/以從您的TTF生成正確的網頁字體。

+0

感謝復古,使用該工具我發現我的文件已損壞,所以我下載了乾淨的副本,並使用該工具獲取所有額外獎勵格式! – rkamun1 2012-08-14 20:17:57