之前遇到了ie8 下iconfont 字型圖示不渲染的問題，查詢資料後解決了這個問題，現在在此記錄下來
•webkit/safari(3.2+)：truetype/opentype tt (.ttf) 、opentype ps (.otf)；
•opera (10+)： truetype/opentype tt (.ttf) 、 opentype ps (.otf) 、 svg (.svg)；
•internet explorer： 自ie4開始，支援eot格式的字型檔案；ie9支援woff；
綜上所述：.eot + .ttf /.otf + svg + woff = 所有瀏覽器的完美支援。所以ie 9以下只要提供eot格式的就可以相容了
我們經常能得到乙個tiff格式的檔案，但是偶爾會缺少eot格式，下面這個**可以將tiff轉換成eot格式
下面**這個小工具將任何.ttf（truetype字型）或.otf（opentype字型）檔案轉換為.ttf，.otf，.eot，.woff和.svg檔案。 它還會建立css檔案和演示html檔案，以向您展示如何在**上使用網頁字型 - 使用css @ font-face。
新建乙個樣式表檔案stylesheet.css
1然後引入樣式表@font-face
<在你要是使用的新字型了，例如：link
rel="stylesheet"
href
="stylesheet.css"
type
="text/css"
charset
="utf-8"
/>
p最後推薦一下阿里巴巴向量圖示庫將選中的icon 加入庫後自動會生成上述所有格式。
ie9以下相容background size屬性
我們知道background size是css3屬性，其瀏覽器相容性如下圖 w3school 解決這個問題需要在css中增加 filter progid dximagetransform.microsoft alphaimageloader src surl,sizingmethod ssize 其...
IE9以下版本相容h5標籤
隨著html5 後面用h5代表 標籤越來越廣泛的使用，ie9以下 ie6 ie8 不識別h5標籤的問題讓人很是煩惱。在火狐和chrome之類的瀏覽器中，遇到不認識的標籤，只要給個display block屬性，就能讓這個元素成為乙個類似div的元素，但是到ie上就很噁心了，它不認識就是不認識，你在h...
解決swiper在ie9以下不相容問題
之前用了swiper3做焦點圖，結果發現在ie8下不相容，然後換來了swiper2，發現還是不相容 swiper2在ie9以下沒有transition效果，所以自動降級成了js動畫，但是這個swiper2寫的有問題，焦點圖切換的速度沒有用，速度特別快，而且點選一次之後自動輪播也消失了。於是想起了乙個...