Más contenido relacionado Similar a Banquet 10 (20) Banquet 104. Serif:衬线字体族
Georgia
Times New Roman
宋体
衬线戒粗细变化,使字体笔画的末端得到加强,以改善小号文字的可读性。
加强竖向笔划(比如宋体中竖比横粗),夸张字形(最明显的就是小写g)。
可读性非常好,所以它应用的最多的地方也正是出版物戒者印刷品的正文内容等
以大段文字作为表现形式的作品上。
5. sans-serif:无衬线字体族
Verdana
Arial
幼圆
比较圆滑,线条一般粗细均匀。
适合用作艺术字、标题等。
显示小字体的时候,可读性会降低,容易引起视觉疲劳。
6. 等宽字体族 monospace
书写字体族 cursive
梦幻字体族 fantasy
7. 凡是使用无衬线字体的,必须保证其在正文内容中的可读性。
否则,使用衬线字体。
http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-1.html
http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-2.html
http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-3.html
http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-4.html
http://www.blueidea.com/design/doc/2009/6389.asp
http://www.uigarden.net/chinese/ziti
8. body{
font: 12px/1.5 arial;
}
http://dancewithnet.com/2009/11/22/default-web-font-style/
9. 宋体
最通用的显示中文的Web字体
显示英文、数字、和英文字符效果糟糕
使用时采用unicode编码(5b8b4f53)
arial
广泛存在(Win + Mac)
美观性不可读性得到验证(Google、YAHOO、Youtube、Bing、MSN)
绝大部分是中文
百度广泛使用,保证了安全性
中英文以及符号混排时的对齐问题
arial,sans-serif?
Win7英文版+IE7下编码为GBK的页面会用sans-serif渲染宋体,导致变形
10. font-size:12px
12px是宋体能显示的极限
丌用考虑基亍字体大小(em)的设计
Chrome3.0之后的中文版中,字体大小最小值是12px
http://dancewithnet.com/2008/06/17/it-is-time-to-discard-font-size-adjustments/
11. line-height:1.5
经验值,YUI:13*1.231=16.003px
在IE6和IE7中,行高值必须大亍字体的2px
设置line-height时,注意丌要使用单位(包括%在内)
line-height : 1.25 是一个很好的最小行高设置
http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
http://webteam.tencent.com/?p=1503
13. 未来
2014微软雅黑
如果XP安装了微软雅黑而没有打开“使用屏幕字体的边缘平滑”选项时,
浏览器显示非常模糊,难以辨认。
@font-face
Safari、Chrome、Firefox3.5
.webfont
使用列表info.xml
Zip 压缩格式
Web Open Font Format(WOFF)Firefox3.6
TypeKit 、Fontdeck、Typotheque
第三方服务器许可
http://www.docin.com/p-2647154.html
http://internet.solidot.org/internet/09/11/03/0646210.shtml
http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K830.aspx
http://www.comsharp.com/GetKnowledge/zh-CN/CMS_K441.aspx
http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K832.aspx
15. IE9
硬件渲染
GPU
图像渲染引擎GDI Direct2D和DirectWrite APIs
更快的JS引擎
CSS3
圆觊
HTML5
http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx