2015-01
14

折腾网页字体

By xrspook @ 20:45:22 归类于: 烂日记

等待,又是的等待!我非常讨厌等待好吗!凭什么是得我跟着你们去做你们的事,而不是你们跟着我们去做我们的事呢?!这完全就是觉得我们没事干闲得发慌于是硬是给点事我们干啊啊啊!那种从一开始就被看低一等的感觉太恶心。多年以来都说什么职业不分贵贱,但如果连你正常工作的时间和机会都没有,一辈子地当兼职神马,这算个毛线啊啊啊啊啊啊啊。别人有心要坑你是无法避免的,不往那个地方费任何关注就好。我不能理解那些不做好自己的事却一直纠结别人“可能”没事干的人到底什么心态。

昨晚打算花点时间解决DIR字体的问题,结果花了一整个晚上,到1130才睡觉居然还都没搞成,我被我以为的小儿科绊了一个大筋斗。一直以来DIR的某些字体用的是Google的font API,但自从G老师在天朝被阉割得越来越厉害后G老师的众多API当然无法使用了。我对这个并不怎么烦心,因为翻墙是我的基本技能,但不是所有人都懂这个且习惯做这个。过了好长的时间(接近大半年)我终于忍无可忍,决心要把从前简单地用

<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:bold' rel='stylesheet' type='text/css'/>

实现的功能改掉,因为,在天朝根本无法load出这个,要等浏览器load很久才最终意识到自己load不出是个连我自己都不愿意等待的事。所以很长一段时间以来,要打开http://adelrio.diandian.com/我都是用翻墙方式的,并不是这个网站有什么特别,只是因为我引用了需要Google API的东西,而那些东西又load不出来,所以导致网站假死,如果有足够多的耐心,当然可以打开,但显然,我连自己都懒得等。Google的Font API是个非常优秀的玩意,用一个语句就解决了让你自己去折腾半天都做不出来且很累赘麻烦的东西,他们有精确的浏览器判定,有经过cdn最优化的下载文件,我们这些凡夫俗子的脑子怎么可以跟他们比。精准我们比不上,因为我们不是浏览器控怎么可能每个都耳熟能详知道它们的脾气如何,要用什么格式的东西去喂养。我们也不会得到Google那么豪气干云的世界各地服务器,文件下载速度谁也不能保证能比他们更快了。但即便如此羁绊,我们还是得用很落后老气肯定有缺陷的方法去取代方便简单的高精尖,因为,事实摆在眼前,Google在天朝无路可走。

我用的方式是在css里自定义字体,也就是在css里作一个声明,从外部引用字体,然后在css里需要的某些元素里使用。这个方法很容易被明白,但难就难在不同的浏览器只会辨认某种或某几种字体,所以你要适配所有新老浏览器就得搞出N多来,比如说:woff,woff2,eof,ttf,svg等等。woff可以被Firefox和版本35以下的Chrome辨认,woff2貌似是Chrome 35以上的选择?反正我用了woff2,Chrome 39还是理解无能。IE这个屌丝只认识eof,IE6-8和IE9认识的eof版本还不一样!ttf比较大路iOS,Android,Firefox,Chrome,Safari,Opera都通杀。老版本的iOS只认识svg。想死的心都有了有木有!这还只是个开始!因为Firefox和IE还有同源网站规则,如果字体和网站都在同一个地方当然没问题,但作为一个前端设计,我怎么可能控制得了东西都能在服务器端呢!引用使用字体会让浏览器觉得不安全,和图片等不同,不同源就会导致浏览器无法正常加载你放在别处的字体。我那个去!我一直用Firefox做测试,难怪怎么搞怎么不对劲,但在Chrome上却一直对劲得很。关于这个不同源的问题,我举手投降。因为我肯定做不到让字体文件和DIR同源,我也做不到要求服务商点点在服务器给我来一句开绿灯的语句让我的字体文件不被浏览器觉得不安全。我只能自欺欺人地觉得,估计只有我这种少数屌丝是用Firefox来开DIR的吧…… 我自己的做法是在本地就安装我的特殊字体,字体引用的第一步是查找local,有了就不用下载那么麻烦了,不用下载当然在FF下也能正常显示字体。我已经尽力了好吗!

我使用的语句是:

@font-face { font-family: 'Cabin Sketch'; font-style: normal; font-weight: 700; src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url(http://x.srcdd.com/farm1/5b7f4a/8fe24307/cabinsketchbold.woff) format('woff'),  url(http://x.srcdd.com/farm1/5b7f4a/28d84744/cabinsketchbold.woff2) format('woff2'), url(http://x.srcdd.com/farm1/5b7f4a/fbf35def/cabinsketchbold.ttf) format('truetype'), url(http://x.srcdd.com/farm1/5b7f4a/47370689/cabinsketchbold.eot) format('embedded-opentype'); }

即便这么写,但在IE7-8下仍是无法正常显示的,具体原因可能是同源规则。虽然设定了woff2,但在Chrome 39下仍是无能,原因母鸡,难道39也玩同源!但Chrome 35是woff和ttf都通杀这么好人的啊啊啊啊啊啊啊,怎么越长大越不对劲了!Firefox因为同源规则,无能。所以写了这么一大堆,试图去hack,但最终不过是在Chrome 35,搜狗浏览器,以及安卓手机(小米1S青春,Android版本为4.1)下OK。关于是不是同源规则导致的显示出错我可以在自己的网站上做测试,但知道和不知道结果都一样,泪奔~ 因为知道了我也无法要求点点在服务器那边做点什么。

要成功一点都不容易,要失败,一个细微问题就足够了。

2014-08
5

计划走起

By xrspook @ 16:52:52 归类于: 烂日记

终于我迎来了近3个月以来的第一次条例实施,今天和明天停掉所有跑步、力量训练和HIIT,于是,余下的就只有喜欢的时候做些温柔的拉伸,用自身体重用相当温柔的速度做一些深蹲剪蹲,或许我还可以在晚饭后在单位绕上几圈,不过最后这一条我真心没兴趣,能骑自行车绕圈吗?只要我不骑得很快可以吗?终于盼来了期盼已久的大姨妈,但当休息到来的时候我又发现自己原来不想休息←_←你别这么狗屁好么!

休息的时候我反倒计划好了我已经添加了好些天却一直没有思考周全搞好的整个8-11月的备战广马:

2014-08-05_plan

不做不知道,一做吓一跳,中秋节算是一个小影响,培训+国庆节那简直就是伤筋动骨的节奏。不再常规的时间表,不再常规的地点让一切都貌似变得很艰难,为了让周跑量少一点、再少一点,我ABCD各处都在思考该怎么减量。更恐怖的是这只是我的美好愿望,如果遇上神马广马测试赛呢?遇上单位要加班呢?我的底线就只能是,广马测试赛,LSD我挪到周日,单位要加班,如果可以我不参与周五和周六的,周六下午我可以到位,周日一整天都没问题,但其它,sorry了。如果粮食继续是从穗丰来,那么就不会有来船就不会有需要周末加班,但如果…… 这些不确定因素我是想都不敢想的。还有另外一个不敢想的因素就是大姨妈,现在来了,不知道什么时候会停,也不知道什么时候会再来,反正这次的量是很有问题的了。从训练角度上说我当然希望1123之前都规律地来或者直接不来,但这种事貌似比单位加班还飘渺、难以预判。

幸福就像毛毛雨,不知道什么时候会来。

今天早上起来突然有个念头,要把落下的ADR常规资料补全,于是,我就真这么干了。同样是那个问题,我的手脚很麻利、相当麻利,但网速不给力、非常的不给力,尤其是打开pwinsider的时候、下载需翻墙才能拿到的资料的时候。如果不是等等等,我绝对可以用一半的时间就完成全部,但不行,就是不行,而且这种不行已经很久了。自从上面开始全面禁止Google、Dropbox开始无法自由同步一切都变得太艰难。从绝对数值上说,现在的上网速度要比从前快,但从到达我需要到达的网站耗时上来说,现在我需要花2-3倍的时间。所以,ADR你真心不能怪我,要怪的就怪某些东西吧,要不,你给我挖条绿色通道?这不是幻觉,是的确就这样。为什么貌似所有外国网站的打开速度都变慢了呢?因为几乎每个网站都会用到Google的东西,字体也好、统计也好、广告也好,但某些人墙掉了Goolge,所以你需要忍耐的就是长时间的“正在打开……”。DESTINY IS REAL就是一个很好的例子,因为主页的标题字体我用的是Google的Cabin,也有插入Google的访问量统计,点点的服务器在天朝应该有,从前秒开毫无压力,但现在,“正在连接……”和“正在解释……”Google的相关会让你不得不等上起码1分钟的时间,真心折磨人!因为自己做不好就在老师面前告状说那些做得好的怎么怎么不对,这种幼稚的心态实在让人很无语。

突然意识到,以防万一,周四我不能穿红色紧身短裤跑了。

2013-04
18

生理心理齐打击

By xrspook @ 23:59:28 归类于: 烂日记

今天一大早就被告知@yahoo.com.cn和@yahoo.cn的邮箱将在2013-08-19被关闭,自从Google Reader也可以亡以后,我已经不再相信世界上什么服务是可以永恒的了。

2013-04-18_mail01

雅虎官方那个说明里说可以帮助用户迁移到阿里云邮箱,那里可以继续收取原雅虎邮箱的email到2014-12-31,但众所周知阿里云这玩意是各种的强差人意。另外一个是可以利用POP把雅虎邮箱迁移到其它第三方电子邮件供应商那里,但我的yahoo邮箱有3.5GB的东西呢!哪有轻易这么大的第三方!!!如果在限时之前没有完成的话,用户的所有数据都将被清空。

我已经成为雅虎邮箱的忠实粉丝快10年了!再过大半年就会满这个数,因为我是2003-11-14开始用的!但现在,我永远都等不到那个伟大的周年庆了……

2013-04-18_mail02

经历过网易邮箱的各种容量不足,经历过在yahoo社群的疯狂下载,经历过N多的这样那样的垃圾邮件攻击。从一开始的优秀分子到后来的连登入都有困难,但自己已经到处留下这个邮箱,不容易再慢慢修改过来,于是仍用他到处注册。随着各类网盘同步盘、社交网站的普及,邮箱早已从以前的文件搬运工变成现在的纯粹注册用途。但偏偏是是纯粹注册用途让我们很头大。如果是搬运工,数据没了就没了,因为毕竟那些数据用过后也不一定再有用,但邮箱没了,注册的地方如果要修改信息修改密码什么的那可真的是很欲哭无泪。大部分地方,注册用的是帐号,于是邮箱还是能改的,但有些地方,注册的是邮箱,邮箱地址是死活不让你修改,这让人头痛,非常头痛。

Goolge的GR可以挂掉,雅虎的邮箱可以永远消失,我实在不相信什么是可以一直存在的了。所以,我觉得能依靠的人只有我自己!开干域名邮箱/企业邮箱!

域名邮箱/企业邮箱,网易、腾讯和Goolge都有提供,第一个提供的是免费版,第二个提供的是免费版和收费版,第三个只提供收费版。如果Google有免费的话,我一定用Goolge的,但我太后之后觉了,无法搭上免费的末班车。

既然只要xrspook还活着的一天就会有www.xlanda.net,所以如果我以这个域名为后缀做邮箱的话,也是非常没问题的。这也保证了我的所有注册都不会再像yahoo灭亡这么悲催,因为服务商挂了,我迁到别的地方,邮箱地址还是能继续使用无任何压力。

比如说,现在我的@xlanda.net邮箱用的是网易免费企业邮箱服务(这个是主力,多年不用网易,但原来我还是很爱他的!)。

2013-04-18_mail03

我的@mail.xlanda.net邮箱用的是腾讯的免费企业邮箱服务(这个纯粹是觉得好玩,体验一下)。

2013-04-18_mail04

这些企业邮箱还有一个优点——和他们的普通邮箱比较起来的话,非常干净整洁!乱七八糟的广告、插件、杂七杂八功能都没了!!!

如果某一天,连网易腾讯都要挂的话,我就给点钱去Goolge用他们的服务呗,再或者到了那时候,估计自搭的邮箱已经非常成型了。

聪明的你或许发现了,我网易的企业邮箱用的是顶级域名,腾讯企业邮箱用的是二级域名。顶级域名设置的邮箱你按照各自的官方教程也就可以了,二级域名或多级域名的邮箱设置方式,得参考这里,重点是必须把多级域名填在某些地方,否则所有CNAME和MX记录是无法行得通的。

花了一个下午思考我到底用yahoo邮箱注册过哪些我经常用,我曾经经常用的服务,一个个去修改邮箱。这是一个什么概念呢?冥思苦想+体力活。超过20处啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊!而这都只是最主要,最重要的业务而已,还有一些相对冷的呢!然后,我又花了好几个小时折腾把yahoo邮箱的通讯录导出,然后导入到网易的企业邮箱。折腾,非常折腾!不就是一个破csv文件嘛!用Outlook的格式可以直接导入,但114个联系人变成了67个,Yahoo的CSV格式无法导入,于是经过一番比较纠结后,我只能手动修改Outlook输出格式的csv,一次性导入终于可以有106条,余下的8条,我只好苦逼地人肉对比,看看哪些漏了再补回去。看到那些邮箱后缀我各种心酸。hotmail.com,msn.com,netscape.com,yahoo.com.mx等等等等。才十年而已,风云变换啊~~~

昨天中午被告知我妈双下肺感染住院了,重点是她自己觉得完全没有征兆。这是结肠癌常规复查照全身CT时看出来的。我妈的确经常咳嗽,支气管炎什么的太经常了,但没有明显的不舒服,没有发烧什么就肺炎让我很纠结。我自己也试过肺炎,我是双上肺,当时我在读小学二年级,于是我也知道肺炎不一定要住院。H7N9在横行,广州持续的潮湿阴雨雾霾,不知道这是不是世界末日的征兆,但貌似,地球的这次反抗发难还真够坚决彻底的。

辛苦一点,我总能把yahoo邮箱的麻烦事搞定,但妈妈的肺炎,我只能希望老天爷保佑了…… 一天之内接受两个重大打击,够狠!

2013-03
4

坏事中的好事

By xrspook @ 16:48:25 归类于: 烂日记

今天做了件非常愚蠢却非常幸运的事——搭错车了!我是要搭190的,结果搭了130!我曾经有考虑过尝试130,但没打算今天实施,就像冥冥中命中注定一样,我傻乎乎地就上了130。为什么会这样呢?因为今天车站一来就是一串车,1*0在最后,当时天还没大亮,看到1*0我就莫名其妙上去了。坐上去以后我觉得车里的那个电视有点怪,因为通常190的电视是放在后门后面的,而且通常那个时点放的是粤语的越夜越娱乐,但今天居然是放普通话节目。但这都不足以让我觉醒,我是到客村立交为啥车不走上面而右拐的时候才立马去看车内的行车路线图,囧!

具体在哪里下车我并不知道,反正就是师大后面以后的天桥底下车否则根本不能越过广园快速路和翰景路之间的铁路。我在科技街北门就下车了,走过天桥发现桥底就是农科院站。一直往前走,走到下一个公交站,省农干科干院,那里又是一个天桥,上天桥再走下去,发现桥底是华景新城西的公交站。得出结论鸟,我在这里和刚才那里下车效果是一样的,这两个站都要比我在华工牌坊下车走到耀和广场的师大后门近很多。

搭190的话,从在家里出门口到到达总公司需要起码1个小时,但搭130的话从家门口到等车的车站只需最多45分钟。而且,而且,而且!因为这里不是班车的始发站,班车从出车到我等车的地方又需要15分钟,各种加减得出如果我搭130的话,可以节省半个小时。不过这种中途上车会有一个问题:单位的班车本来就不靠谱,万一我没赶上,或者他们不知道我在那里等,问题大鸟……

今天开始使用Google的二步认证,也就是某个帐号如果要登录需要登录密码以及Google安装在智能手机上生成的随机代码。为什么要做这个,因为今天据说Evernote被黑了。我习惯云存储,Dropbox被那个啥了问题很严重。所以呢,现在我的Dropbox和坚果云都二步认证了。而也是在今天,我才终于明白Google Play里之前老要我安装的神马“白色购物袋”是啥,晕,就是Goolge Play的APP!!!!!只有安装了这个APP才能装商店里的APP,我实在后知后觉到令人发指!!!!!!上周开始使用坚果云的时候我已经安装了Google验证软件,但那时手机的的二维码识别是快拍二维码,毫无反应的说。今天在Google商店下载了条码扫描器,真心舒服到家~ 识别速度快,使用更方面,没有杂七杂八的这种那种。不是我崇洋媚外,尼玛的这种东西,快拍和条码比起来真是差太远了…… 据说天翼的定制机无法安装Google Play,作为小米用户,我表示毫无压力~

如果不是搭错车我肿么会知道更好的路线?如果不是著名网站被黑我肿么会铁心一定要二步认证?

好事坏事真心不能完全区分开来的啊~

2012-10
2

MAP OF DESTINY 2012的三处改进

By xrspook @ 16:58:12 归类于: 烂日记

妈说今天下午出门走走,吃完饭我就说走人了,但她没有动身,于是我就睡觉去,醒来后已经下午4点,大好光阴就这么溜走了。

MAP OF DESTINY 2012 GMap版进行了三处改进。

第一,对不同类型的戳使用了不同的颜色。具体:红色是Raw,蓝色是Smackdown,粉色是WWE或Supershow,绿色是NXT或FCW,还有橙色,那是鼠标滑过戳时的hover颜色。

第二,设置了网页的icon,MAP OF DESTINY 2012DESTINY IS REAL保持一致,使用的是黑白鹰头,这个16*16的图片还是点点自动生成的呢,我直接就copy过来了。网页的icon图标是件小事,但细节会让在收藏夹里的他更有存在感。一堆文字和小图标能轻易抓住你眼球的肯定是图标。

第三,在DESTINY IS REAL的导航栏里加入“宿命地图”。地址是http://adelrio.diandian.com/destiny_map_2012。这个会自动跳转到http://images.xlanda.net/yark/map/destiny-map-2012-gm.html。必须地在DESTINY IS REAL加入这么个好东西导航的嘛。

我为什么可以这么顺利呢?因为Google的循环是暴露的,坦荡荡的,我知道在哪里可以捕捉到我需要的数据,加以控制也就可以了,但timemap的循环都隐藏在function里,隐藏在引用的.js中,我表示很头大。搞这个的时候我就想起了点点的第一代和第二代模板,第一代模板的循环是内置的,包裹起来的,第二代模板是得你自己动手的,所以,第一代模板的上手是容易点,且不容易出错,但说到控制能力,还是第二代模板自由。

放假进入第三天,我已经完全不知道要做点什么好了。

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress