摘要: 网页安全字体这个概念前端们应该都清楚,那遇到非网页安全字体为了保证网页在用户电脑中显示不破坏页面整体的设计,通常少量的文字可以用图片来代替,也可以用Javascript的Cufon来画出这个字体。那实际上这些字体都是付费使用的,这两种做法都有可能引发一些侵权的问题,也会在一定程度上拖慢网页的浏览速度。所以现在推荐使用@font-face,通过将字体文件上传到服务器端来保证客户端的显示一致。@font-face使用方法购买Web版权字体,可以从商家手上获取到.eot和.woff两种扩展名的字体文件。将之放到服务器的网站文件夹中任一位置。在CSS中加入@font-face申明(以下路径可以使用相对 阅读全文
posted @ 2012-07-04 11:27 Jennie Ji 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 如上图,Colorbox(version:1.3.19 + jQuery 1.7.2 )在iPhone浏览器中未能屏幕居中显示。查了半天,发现是由于页面设置了viewport,而Colorbox中使用了$window.width()/$window.height()来获取计算弹出窗口的位置所致。为了适应移动设备,一般我们会设置Viewport(可视区纠正)。即在<head>头中添加如下设置:<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable 阅读全文
posted @ 2012-07-04 10:30 Jennie Ji 阅读(294) 评论(0) 推荐(0) 编辑