css - 爲IE和FF嵌入字體

我試圖嵌入字體，問題在於它只是在Firefox中顯示，而不是在Internet Explorer中顯示。css - 爲IE和FF嵌入字體

@font-face { 
font-family: capture_it; 
src: url('fonts/Capture_it.eot'); 
src: local('Comfortaa_it'), 
    url('fonts/Capture_it.ttf') format('truetype'); 
}

任何幫助，非常感激。

謝謝，

enne

來源

2012-04-06 enne87

IE的哪個版本？對於舊版本，您需要使用[this hack]（http://readableweb.com/mo-bulletproofer-font-face-css-syntax/）。 – 2012-04-06 09:28:01

Aktually爲最新的IE，V9我認爲。 – enne87 2012-04-06 11:27:49

IE9？檢查它是否是一個CORS問題。字體是否來自同一個域？ – 2014-12-05 03:29:49

字體面對面語法是棘手的，特別是與IE瀏覽器。請使用我們在這裏開發的，這是跨瀏覽器測試。 http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

它看起來像這樣：

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
     url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
    }

來源

2012-04-06 12:02:38

完美，謝謝松鼠:) – enne87 2012-04-06 15:43:12

不同的瀏覽器支持不同的字體格式。您可以使用http://www.fontsquirrel.com/fontface/generator生成所有格式的最佳交叉瀏覽器支持。

以下是發現上面提供的網址表：

TTF：原始的TrueType文件，旨在尋找屏幕上的好。

EOT Lite：只有Internet Explorer支持EOT。這個EOT類型是未壓縮的，並且與TTF的文件大小相同。

EOT壓縮：用LZ壓縮EOT壓縮。文件大小通常比WOFF小。

WOFF：使用gzip壓縮的跨瀏覽器，僅限網頁的字體格式。 IE9 +，FF3.6 +，Chrome 5+

SVG：這是iOS設備在版本4.2之前所需的XML格式。

SVGZ：這是gg壓縮版本的SVG。

來源

2012-04-06 09:26:51

哪些瀏覽器支持EOT Lite和哪些EOT壓縮？應該在fontsquirrel.com上選擇這兩種風格中的哪一種來生成儘可能多的瀏覽器支持的字體？有一些瀏覽器支持EOT壓縮格式，但不支持EOT Lite或反之？ – 2013-12-16 00:51:49

從我收集的內容來看，壓縮與lite相比具有相同的兼容性。 – 2015-06-24 01:24:22

它看起來不像fontsquirrel生成EOT字體。我們如何在沒有這些的情況下使用自定義字體來處理IE？ – jenlampton 2016-12-16 21:48:36

就我個人而言，我會使用谷歌字體。如果你可以找到一個足夠接近你想使用的那個，那麼它是一個非常簡單，快速和跨瀏覽器的字體解決方案。從Cufon轉移到谷歌字體是一個奇妙的想法。

非常值得一看 - http://www.google.com/webfonts#ChoosePlace:select

來源

2012-04-06 09:31:22 SpaceBeers

不完全，但接近：

<style type="text/css"> 
@font-face { 
font-family: MyWebFont; 
src: url("font.eot") /* EOT file for IE (tested with ie8 and ie9)*/ 
} 
@font-face { 
font-family: MyWebFont; 
src: url("font.ttf") /* TTF file for CSS3 browsers */ 
} 
</style>

和使EOT文件：http://www.kirsle.net/wizards/ttf2eot.cgi

來源

2013-04-03 10:16:55

css - 爲IE和FF嵌入字體

回答

相關問題