一次小异常的排查,悲剧的无以复加!!!

    一直搞后端开发,今天领导要求做一个软件升级服务,因为页面主要就是自己人用,所以没麻烦前端那帮文艺青年,心想自己稍微用bootstrap搞搞也不见得难看(关键是对自己审美有一种莫名的自信),结果悲剧开始了。。。

页面很简单:

就这还抄的人家一个模板,不过很不错嘛!!!

拖到vs里,加入bootstrap,版本当然最新!!!!结果页面是这样的:

图标怎么成方块了??一查官网,人家bootstrap用的是 glyphicon glyphicon-user 定义图标,我抄人家模板是 fa fa-user 定义的图标。换成原始的?No,后面那个明显清爽嘛!能少拼不少字母呢!度娘一下,哦原来这个模板用的是一个叫 font-awesome 的图标集,简单嘛!下载下来引用之!!结果:

靠。。。。。再次度娘,信息太少。。。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了吗??去掉其一即可!!!原因不说了,你懂的!!!终于

 

经过这次打击,我收获很大!!

第一、把异常情况的处理措施总结了一遍。

第二、对自己人品重新进行了一次评估。

 

 

本文来自博客园 

posted @ 2014-12-26 03:30  为森  阅读(451)  评论(0编辑  收藏  举报