Code Record

1.       適用範圍 http://caniuse.com/#search=web font 1-1、 IE6+ (EOT 、 TTF) 1-2、 FF (WOF) 1-3、 CHROME Safari (SVG) 2.       基本語法 @font-face {         font-family: nani;// 宣告字體名稱         src:url('fonts/ nani.eot) format('embedded-opentype'),                 url('fonts/ nani.woff) format('woff'),                 url('fonts/ nani.ttf) format('truetype'),                 url('fonts/ nani.svg ) format('svg');         font-weight: normal;         font-style: normal; } .textStyle {         font-family: "nani"; } .icon-home:before {         font-family: 'nani';         content: "\e600"; } 3.       工具 / 整合包 icomoon fortawesome

前言:   有些技術太新IE 7 不能用(css image sprites)、又有一部分IE8不能用(CSS 3) 那該如何處理，其實網路上資源頗多，基本上是用HACK來解決。 我是蠻討厭HACK，因為不太想客製化去幫每個版本做更新，有通解用通解，沒事不要寫一些怪東西。 但IE7還活著阿(老兵不死只是逐漸凋零)，何況台灣IE6還活得很好..!? (https://www.modern.ie/en-us/ie6countdown) SO，問題還是要解決，所已選定技術上，我目前是以IE8以上 也就是說JQ版本需使用 1.1X 而太新的HTML TAG...只能去看看Can I use(http://caniuse.com/) 能不能用 不能也只能果斷放棄，畢竟企業還是要相容老不死.... 簡易語法如下 <!--[if (!IE) | (gte IE 8)]><!-->   i am ie8+ / others browser <!--<![endif]--> <!--[if lte IE 7]>   i still alive <br />   ◢▆▅▄▃崩╰(〒皿〒)╯潰▃▄▅▇◣ <![endif]-->