一直搞後端開發,今天領導要求作一個軟件升級服務,由於頁面主要就是本身人用,因此沒麻煩前端那幫文藝青年,心想本身稍微用bootstrap搞搞也不見得難看(關鍵是對本身審美有一種莫名的自信),結果悲劇開始了。。。前端
頁面很簡單:web
就這還抄的人家一個模板,不過很不錯嘛!!!chrome
拖到vs裏,加入bootstrap,版本固然最新!!!!結果頁面是這樣的:express
圖標怎麼成方塊了??一查官網,人家bootstrap用的是 glyphicon glyphicon-user 定義圖標,我抄人家模板是 fa fa-user 定義的圖標。換成原始的?No,後面那個明顯清爽嘛!能少拼很多字母呢!度娘一下,哦原來這個模板用的是一個叫 font-awesome 的圖標集,簡單嘛!下載下來引用之!!結果:
bootstrap
靠。。。。。再次度娘,信息太少。。。FQ谷歌之,查到有個哥們iis MIME,要加上 woff後綴的類型,經驗告訴我iisexpress也應該沒有,不要緊,webconfig裏面定義一下,結果:後端
我就去了!!!!看來還應該是這個font-awesome仍是有問題,一查官網,靠,一個貌似挺正規的 中文網站下的沒想到是舊版本,圖標是用 icon-user-md 定義的,這個時候罵孃的心都有了,不過找到問題了仍是挺高興,有一種,哥仍是很猛的,是資料太亂的問題的「天真想法」。天然的 去英文官網下個原始版,此次學乖了,先看使用說明,此次肯定是 fa-user了,下載換上,一試:瀏覽器
。。。。。。。。。。。。緩存
ie緩存?清!!!很差使。字體
vs bug? 重啓!!很差使!!網站
chrome bug? IE也不行呀!!
我完全,茫然了!!!
別騷了,用人家bootstrap的寫法吧???不行!!!!有種被QJ的感受是怎麼回事!!!哥還就職性了,通過一個小時的 google bing,發現有我的說瀏覽器設置強制字體後產生過這個bug,原本忽略這個問題,由於我從沒設過,可是通過這一番磨難以後仔細一想,靠,我曾經由於偷人家模板的時候本嫌人家字體難看,而後改爲了:
*,body { font-family: 微軟雅黑,"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
看到那個該死的*和 !important了嗎??去掉其一便可!!!緣由不說了,你懂的!!!終於
通過此次打擊,我收穫很大!!
第1、把異常狀況的處理措施總結了一遍。
第2、對本身人品從新進行了一次評估。
本文來自博客園