电脑技术学习

详解CSS网页布局中默认字体样式

dn001

设置line-height时,注意不要使用单位(包括%在内),因为子节点会继承经过运算后的line-height值,所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值,而不会随着字体大小的变化而变化,而无单位的数值表示是所在容器的font-size的倍数,所以设置为无单位的数值是最佳选择。;
  深入CSS;行高非常有利于理解line-height,值得一读。;

性能和效率
  大部分平台都有arial,减少浏览器的查找时间。;
  代码最少,书写方便。arial基本上是名字最短的字体了,可以节约CSS的大小。;
  所有的字母都小写,目前Google就是这样做的,好处是既可以编写更快也能提升Gzip压缩的效率。;
  中文最好用unicode表示,比如使用宋体是{font-family:\5b8b\4f53;},使用微软雅黑是{font-family:\5fae\8f6f\96c5\9ed1;},这样的好处是避免编码问题,同时能得到所有的主流浏览器的支持。;
使用正确的字体种类写法,避免使用引号,这样可以缩小CSS的大小。中文字体可以按上一条方式来编写。;
未来
  通过对中英文及符号混排的测试,;我发现微软雅黑其实表现相当不错,包括英文数字和英文字符以及在IE6和IE7的显示效果上,但唯一的遗憾是在XP下如果安装了微软雅黑字体的用户没有打;开“使用屏幕字体的边缘平滑选项的话,在firefox、Safari和Opera、特别是IE6下会非常模糊难以辨认。针对这个问题目前并没有很好的;解决方案,所以只有等到IE6使用比率非常小的时候才可能正式的使用它。或许需要到2014年,XP死掉的时候。;
  虽然很早就有了@font-face,但是浏览器的支持、网速和商业问题,导致它很少被应用。最近关于字体的好消息是Firefox3.6将支持Web;Open;Font;Forma。关于Web字体未来的相关信息可以看Web;字体的未来、关于;Web;字体:现状与未来和再谈;Web;字体的现状与未来。