2013-04-08 58 views
0

我在我的網站的樣式表中使用了下面的代碼,但是當我在瀏覽器中運行它時,它不會呈現,字體不會呈現。我究竟做錯了什麼?CSS @ font-face不渲染

@font-face { 
    font-family: 'Libel Suit'; 
    src: url('my.ip.n.n/~/wordpress/fonts/libelsuit.woff') format('woff'), 
     url('my.ip.n.n/~/wordpress/fonts/libelsuit.ttf') format('truetype'); 
     // These aren't the exact URLS I'm using, since I don't want the 
     // world to know my ip address 
} 
+0

您是否檢查字體是否實際加載?也有可能是字體有錯誤,所以你必須再次使用[fontsquirrel](http://fontsquirrel.com) – trajce 2013-04-08 00:59:27

+2

轉換它們,肯定使用fontsquirel webfont生成器。照顧一切 – btevfik 2013-04-08 01:16:27

+0

*瀏覽器* =? – Knu 2013-04-08 01:26:50

回答

0

檢查network panel,以確定是否真的被加載的字體:

enter image description here

如果是這樣,確保正確引用它們在你的CSS,如:

h1 { 
    font-family: 'Libel Suit'; 
}