2014-02-13 57 views
0

這是我的聲明代碼:聲明這個.otf字體有什麼不對?

@font-face { 
    font-family: 'MyOwnFont'; 
    font-style: normal; 
    font-weight: 400; 
    src: url('../webfonts/MyOwnFont.otf') format("opentype"); 
} 

但是當我使用它:

body 
{ 
    font-family:'MyOwnFont'; 
} 

我不能看到它的網頁。聲明有什麼問題?

+2

哪個瀏覽器不起作用。通常最好是通過Web字體生成器來運行字體,例如http://www.fontsquirrel.com/tools/webfont-generator。這樣,它將生成一個字體的「otf」,「ttf」等版本,這將得到更好的支持,而不僅僅是對'otf'字體的引用。 –

+0

它的工作原理!如果您提供答案,您將獲得+1;) – markzzz

回答

2

通常最好通過web-font發電機運行的字體,如http://www.fontsquirrel.com/tools/webfont-generator

這樣一來,就會產生一個otfttf等版本的字體,這將支持更好,比只是一個參考到otf字體。

@font-face{ 
    font-family: 'MyWebFont'; 
    src: url('WebFont.eot'); 
    src: url('WebFont.eot?#iefix') format('embedded-opentype'), 
     url('WebFont.woff') format('woff'), 
     url('WebFont.ttf') format('truetype'), 
     url('WebFont.svg#webfont') format('svg'); 
}