cross browser的fonts embed

在IE8的時代,尚未對CSS3進行支援,所以如果要embed fonts到browser中進行顯示,就需要針對ie進行一些動作了。

1.首先選定你要顯示的字型檔案,如test.ttf。
2.由於ie指定了fonts embed的fonts type,所以我們需要將fonts轉換成test.eot
3.當兩個檔案都有時,就可以使用以下的code進行fonts embed:

@font-face {
font-family: Test;
src: url("Test.eot") /* EOT file for IE */
}
@font-face {
font-family: Test;
src: url("Test.ttf") /* TTF file for CSS3 browsers */
}

body{ font-family:Test; }

完成了,現在IE,Firefox, Safari,跟Chrome也可以看到embed的fonts了