关于字体

(1)西文分衬线(正文)、无衬线(标题)、等宽(代码)三类
(2)Web下的中文字体可选范围很窄
(3)应该同时使用字体的显示名称和字体名称(受系统语言设置的影响)
(4)绝大部分中文字体里包含英文字母,而英文字体里不包含中文字符
(5)中文字体里的英文字母基本上都很丑,应该在中文字体之前指定英文字体
(6)操作系统的默认字体不同,分别定义Win和Mac下的字体
      英文:Helvetica(Mac),Tahoma(Win)
      中文:华文细黑(Mac),微软雅黑(Win),宋体(Windows XP)
(7)Mac的字体Win中没有,但Win的字体Mac下可能会有
(8)目前主流中文字体:宋体12号和微软雅黑
(9)微软雅黑并不是个好字体
(10)Web字体格式
  • EOT=Embedded Open Type (IE4-8)
  • WOFF=Web Open Font Formate (Chrome6+,FF3.5+,Opera11+,Safari5.1+,IE9+)
  • OTF=Open Type Font
  • TTF=True Type Font
  • SVG=Scalable Vector Graphics

引用
font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;



Web中文字体应用指南
http://ruby-china.org/topics/14005

为什么很多网站使用微软雅黑?
http://www.zhihu.com/question/19685531

什么是有衬线字体与无衬线字体(serif vs sans serif)?
http://hi.baidu.com/supermfc/item/ed561b0ec14582803c42e250

Fundamentals of Design by CodeSchool
http://www.codeschool.com/courses/fundamentals-of-design

Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese
http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/

書体の選び方
http://tsutawarudesign.web.fc2.com/yomiyasuku1.html

オススメ書体
http://tsutawarudesign.web.fc2.com/yomiyasuku5.html

猜你喜欢

转载自rensanning.iteye.com/blog/1946380