CSS3 实用属性 @font-face, 字体完美主义者的福音

没有做过网页前端的人可能不知道,一个网页,在不同的系统,不同的浏览器下的显示效果有时可能是天差地别的!

照顾到各种系统,各种浏览器,各种访问环境,消除之间的不兼容,做到每个访客都能有一致的体验,是每一个前端工程师写前端代码过程中时时刻刻脑袋中盘旋的念头,同时也是这领域的一条铁令。

一般的兼容问题出在哪?
就我这两年来做前端的经验来看,其实也就是各浏览器对CSS属性的兼容程度不一样。当然有时候字体的问题也是使网页效果大相径庭的要素之一。

一个网页,一般只能显示电脑上已经有了的字体,不同的电脑上面装的字体一般是不一样的。例如已中文字体为例,XP时代系统自带宋体,Vista之后是默认微软雅黑。如果我们为网页设置字体为雅黑,那么XP用户访问的时候由于系统没有雅黑,所以会调用默认的宋体来显示,那这样就和我们的预期很不一样,效果也会大打折扣。

为了解决这个问题,一般前端工程师都会优先选用兼容性最好的字体,例如雅黑,我们称之为Web安全字体;然后针对宋体等字体进行细节优化。尽量让绝大部分访客能获得相对一致的体验。这一直以来都很折磨前端的伙伴。
Continue Reading…

快速备份你的 Linux

自从我从Windows慢慢迁移到Linux上,我一直在感慨,Linux太适合喜欢折腾的人了!
同时,Linux也太不耐折腾了!

短短的两个多月,我已经重装了不下5遍了!而且都是因为同一个原因:图形界面崩了,命令行也进不去。(当然这是因为我还是一个菜鸟,不懂得怎么在这种情况下修复~)

每次重装,都要把要用的软件一个一个装上,各种配置一项一项修改,感觉青春都花在做这些重复劳动上了。(别和我提脚本,我会的话就不用这么纠结了。)

于是,在昨天,我最后一遍装上Ubuntu并配置好后,我决定一定要把我的系统备份好,下次崩了能一键还原!
Continue Reading…