Sans-serif

  1. Helvetica: 被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。
  2. Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常
  3. Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。
  4. Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
  5. Tahoma: 也是humanist风格,字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装。
  6. Trebuchet MS: 为微软设计的一个humanist风格字体,个人觉得个性太过突出,用得不好会不搭。

Serif

  1. Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。
  2. Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。

西文字体只用这几个可用:

  • Windows:Verdana、Tahoma、Arial 以及 Segoe UI(Vista 或更高版本)
  • Verdana 是 Windows 上正文字号显示效果最好的西文字体。在 OS X 里效果也不错。
  • Tahoma 实际上基本是 Verdana 的紧凑版本,很丑。它对网页正文来说太紧了。基本没有什么场合需要舍弃 Verdana 而去用它。
  • Lucida Grande 的特性类似 Verdana,都是在小字号时很不错的字体。
  • Arial 和 Helvetica (Neue) 分别是 Windows 和 OS X 这两个平台上最中庸的西文字体。毫无性格,但也不会添乱,很安全。它们在正文字号时的清晰度稍逊于 Verdana 和 Lucida Grande,但也不错。
  • 如果要兼顾稍大字号时的效果,Verdana 和 Lucida Grande 就不太好了,它们在大字号时很傻。大字号时 Arial 在 OS X 上不如 Helvetica 美观,尤其不如 Helvetica Neue 美观。但这种针对 OS X 的字体优化恐怕一般项目里没有精力做。
  • Segoe UI 和中文搭配起来太小,而微软雅黑的西文部分其实就是基于 Segoe UI 制作的,所以如果要在 Windows 上用 Segoe UI,不如直接用微软雅黑显示西文。Segoe UI 和微软雅黑的西文部分是 Frutiger/Myriad 风格的,应该说总体效果比 Verdana 更美观,但小字号表现并不更好。
  • PT Sans 的风格其实比较特殊,偶尔需要和冬青黑体简体中文混排时可以考虑。
  • 所以 Arial 是最保险的字体。而且这已经是多年的共识了。
  • 如果你真要追求小字号时(比如 12 px)的清晰度,那么 Verdana 可能是最好的跨平台选择。

可以总结出:

  1. 如果页面 charset 是 utf-8, 完美的默认字体方案是:

    1

    font-family: arial, sans-serif;

    无论省略 lang 还是设置为 zh-CN, 在各种环境下都满足预期。

  2. 如果页面 charset 是 gbk, 推荐默认字体方案为:

    1

    font-family: arial;

    Chrome OS 下未测试,根据陈成博客上的反馈,好像会因为没有 sans-serif 而导致中文字体很难看。不过考虑 Chrome OS 还未正式发布,目前可以先忽略。

最后,个人推荐简体中文页面的最佳实践为:

1

2

3

html lang=zh-CN

charset=utf-8

font-family: arial, sans-serif;

Windows 95/98/98SE 宋体、黑体、楷体_GB2312、仿宋_GB2312

Windows XP/2000/2003/ME/NT 宋体/新宋体、黑体、楷体_GB2312、仿宋_GB2312 (Windows XP SP3 宋体-PUA)

Windows Vista/7/2008 宋体/新宋体、黑体、楷体、仿宋、微软雅黑、SimSun-ExtB

例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;

例3(加网 ):font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

例4(淘宝UED):font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;

例5(一淘UX):font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;

Tahoma:一种十分常见的无衬线字体

Helvetica:一种被广泛使用的的西文字体

Arial:一套随同多套微软应用软件所分发的无衬线体TrueType字型

Sans-serif:sans-serif就是无衬线字体,是一种通用字体族。它在操作系统或者浏览器里是可以设置的,你可以把它设置成宋体,也可以设置成微软雅黑,而设置的这种字体肯定是当前系统里存在的字体,所以使用这个字体就肯定能显示出来,所以在font-family末尾加上sans-serif就能保证调用。

、Window下:

  • 宋体(SimSun):Win下大部分游览器的默认字体,<code>宋体</code>在小字号下(如12px、14px)的显示效果还可以接受,但是字号一大就非常糟糕了,所以使用的时候要注意。
  • 微软雅黑("Microsoft Yahei"):从 Vista 开始,微软提供了这款新的字体,一款无衬线的黑体类字体,并且拥有 RegularBold 两种粗细的字重,显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始,微软雅黑又加入了 Light 这款更细的字重,对于喜欢细字体的设计、开发人员又多了一个新的选择。
  • Arial:Win平台上默认的无衬线西文字体(为什么要说英文字体后面会解释),有多种变体,显示效果一般。
  • Tahoma:十分常见的无衬线字体,被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型,显示效果比<code>Arial</code>要好。
  • Verdana:无衬线字体,优点在于它在小字上仍结构清晰端整、阅读辨识容易。
  • 其他:Windows 下默认字体列表:微软官网、维基百科、Office字体
  • 结论:微软雅黑 为Win平台上最值得选择的中文字体,但非游览器默认,需要设置;西文字体的选择以Arial、Tahoma等无衬线字体为主。

最常用常见通用字体有哪些相关推荐

  1. 常见中文字体英文名称以及windows默认字体类型

    Windows 95/98/98SE 宋体.黑体.楷体_GB2312.仿宋_GB2312 Windows XP/2000/2003/ME/NT 宋体/新宋体.黑体.楷体_GB2312.仿宋_GB231 ...

  2. 常见中文字体英文名称以及windows默认字体列表

    在默认情况下,也就是未自行安装新字体或者 Office 等文字处理软件的情况下,Windows 默认提供下列字体: Windows 95/98/98SE 宋体.黑体.楷体_GB2312.仿宋_GB23 ...

  3. VB的一些项目中常用的通用方法-一般用于验证类

    1.VB的一些项目中常用的通用方法: ' 设置校验键盘输入值,数字 Public Function kyd(key As Integer) As Integer '20060728 Dim mycha ...

  4. 互联网常见通用的运营数据指标

    文章目录 一.常见通用数据指标 1.用户基础信息字段 2.行为数据 1)社区产品的关键用户行为字段: 2)电商产品的关键用户行为字段: 3)评估拉新指标-效果数据: 4)评估活跃指标-效果数据: 5) ...

  5. css好看常用的中文字体

    CSS,font-family,好看常用的中文字体 2014-10-14 例1(小米米官网):font-family: "Arial","Microsoft YaHei& ...

  6. css常用的中文字体

    CSS,font-family,好看常用的中文字体 例1(小米米官网):font-family: "Arial","Microsoft YaHei"," ...

  7. 常用HTML代码,字体颜色等

      常用HTML代码,字体颜色等 1.初级字体特效 加粗 代码:<b>加粗</b> 蓝色标明:需要加粗的文字. 倾斜 代码:<em>倾斜</em> 蓝色 ...

  8. 微信公众号报修系统常见通用功能开发

    微信公众号报修系统常见通用功能开发 51报修系统是一款基于微信的用户报修.维修师傅接单.公司进行管理的一站式维修服务平台,实现报修.派单.接单.支付.评价.回访等功能.涵盖了各类生活维修服务,包括水电 ...

  9. java进阶笔记之常用(通用)Map(Hash,Tree,Linked,Properties等)

    简介 Map是将键映射到值( key-value )的对象. 一个映射不能包含重复的键:每个键最多只能映射到一个值. Map 接口提供三种collection 视图,允许以键集(keySet()).值 ...

  10. 总结:常用的通用数据处理指令

    作者:bakari  时间:2012.4.21 1. 操作数类型 Imm立即操作数 Reg寄存器操作数 Mem内存操作数 2. 操作数寻址方式 立即数寻址 寄存器数寻址 存储器寻址 3. 数据传送类指 ...

最新文章

  1. 用GNS3做PIX防火墙ICMP实验
  2. 2021大厂面试高频100题最新汇总(附答案详解)
  3. 多场景抢红包业务引发.NETCore下使用适配器模式实现业务接口分离
  4. Java 9迁移指南:七个最常见的挑战
  5. leetcode —— 面试题 04.03. 特定深度节点链表
  6. 【VMCloud云平台】SCCM(二)部署
  7. 星低级格式化工具_Elixir 数据库查询工具 Ecto 讲解
  8. win 7 64 安装 tensorflow
  9. unity mysql 中文乱码_解决Unity3D中文乱码问题
  10. jenkins下载安装及环境搭建
  11. 工厂模式(包含3种工厂)
  12. 一文讲清跨境S2B2C模式及线上品牌/新零售品牌实战打法
  13. sis新地址_坚若磐石不掉速,老平台升级新选择,入手昱联Asint 500G SSD
  14. Python 内置函数dir()与对象的特殊属性以及一切都是对象的轻谈
  15. 【Nginx】Nginx配置文件详解
  16. 乐动手环app下载安装_乐动健康手环app下载-乐动健康 安卓版v2.34-pc6智能硬件网...
  17. 海思android随笔之工厂菜单PQ acm color调用流程
  18. 「绝影」出没上海车展,约上30+车企一块「商量」
  19. 这个世界总是对优秀的人充满了敌意。
  20. 张勋说:棒磨机断棒的几个可能原因

热门文章

  1. Go语言实战-golang操作Mongodb
  2. 【2022最新Java面试宝典】—— Nginx面试题(23道含答案)
  3. 法兰克焊接机器人编程入门_焊接机器人编程入门与编程技巧介绍
  4. android 支付宝 记账本,使用支付宝记账----懒人的最佳记账模式
  5. Firefly III 搭建个人财务记账平台
  6. java的在线帮助文档
  7. python爬虫案例-爬取西刺免费代理服务器IP等信息
  8. Spyder汉化(python汉化)
  9. 免费可商用中文字体打包下载
  10. linux下编译opendds,求教OpenDDS的交叉编译!