2014-03-07 109 views
0

我使用Gothma字體爲我的網站,但它在任何IE瀏覽器不支持, 下面是我的CSSIE瀏覽器不支持字型「譚」

/* FONT FACE */ 
@font-face{font-family: Gotham Book;src: url(fonts/Gotham-Book.otf);} 
@font-face{font-family: Gotham Bold;src: url(fonts/Gotham-Bold.otf);} 
@font-face{font-family: Gotham Light;src: url(fonts/Gotham-Light.otf);} 
@font-face{font-family: Gotham Medium;src: url(fonts/Gotham-Medium.otf);} 
+0

當你說...任何IE瀏覽器...你的意思是所有的人? –

+0

您錯過了「Gotham Book」,「Gotham BoldGotham Light」和「Gotham Medium」的報價。由於名稱中的空格字符,它們是必需的。 – HerrSerker

+0

@HerrSerker,不,不需要引號;檢查CSS規格。 –

回答

2

嘗試The New Bulletproof Fontface Syntax

@font-face { 

     font-family: 'MyFontFamily'; 
     src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
      url('myfont-webfont.woff') format('woff'), 
      url('myfont-webfont.ttf') format('truetype'), 
      url('myfont-webfont.svg#svgFontName') format('svg'); 
    } 

瀏覽器兼容性:

Safari 5.03, IE 6-9,Firefox 3.6-4,Chrome 8,iOS 3.2-4.2,Android 2.2-2.3,Opera 11

要生成您的字體套件,您應該使用fontsquirrel

+0

如果我正在使用fontsquirrel並且添加了gotham字體錯誤顯示Gotham字體被列入黑名單..我還要在IE10和11版本中添加它的不支持 – design4web

+0

@ design4web如果它被列入黑名單,那麼這意味着它是商業字體,並且如果您想在網絡上使用它,您需要購買許可證 - http://www.typography.com/fonts/gotham/styles/ –