以下介绍的16款英文字体是著名网页设计网站Smashing Magazine采访35位后达成共识的最好最常用的字体。这16款字体分为三组:

  • 前6款是所谓的“网页安全字体”,主流操作系统和浏览器都可以良好的支持,可以放心使用。
  • 中间2款是大部分系统和浏览器支持,用的时候就要留心一下了。
  • 后8款的普及程度就更低了,主要是装饰用途的,可以用图片、sIFR、Web Font等方式来实现。

注: sIFR是一种基于Flash并结合CSS和JavaScript控制的字体解决方案,比单纯的图片更灵活,也更接近真正的文本,但也有弊端,详情参考: http://baike.baidu.com/view/1311052.htm

1. Helvetica, Helvetica Neue, Arial

传奇字体Helvetica诞生于1957年,由瑞士图形设计师Max Miedinger和Eduard Hoffmann设计。名字的含义是拉丁文的“瑞士的”。这款字体也是迄今为止使用最广泛的字体,几乎无处不在,但你未必会注意到它,因为它索然寡味,这也是为什么Helvetica被称为传奇字体。Helvetica是一款完美的字体,没有缺点,字号无论大小都可以舒适阅读,如果你不知道该用什么字体,Helvetica准没错,但它中性的、毫无感情和性格的特征也一直受到业界的诟病,但这实际上是一个字体职能的问题,就是说字体应该只作为信息和文字的载体和容器,还是应该具有一定的装饰作用,不同的历史时期会有不同的结论。

30多年之后诞生的Arial,很多人为是Helvetica的山寨版,但实际上,Arial更接近Univers。

2. Verdana

Verdana是字体设计师Matthew Carter于1996年为微软设计的一款网页字体。由于电脑显示器相对于传统印刷制品来说,分辨率较低,有过平面设计经验的朋友都知道,印刷品是300,网页图片是72,这就导致字体在小字号的情况下可读性很差,而网页字体指的就是这一问题,重点解决可读性。无衬线、宽比例的Verdana非常适合网页显示并逐渐成为网页上最流行的字体,特别是在小尺寸和小屏幕上可读性相当好。

Verdana属于人文主义无衬线字体。无衬线字体也叫哥特体,是一种新兴的字体,去掉了传统的在字母笔画的开端和结尾的衬线,中文汉字也有对应的情况,比如宋体就是衬线体,而黑体就是无衬线。无衬线简洁、时尚、科技感强,但在可读性方面一直有争议。人文主义具有比较明显的书法特征,笔画粗细有变化且可读性较强。后面还会介绍。

3. Georgia

Georgia也是Matthew Carter的作品,但比Verdana早几年。这款字体外形的上很接近经典的Times New Roman。Times New Roman诞生于1932年,由英国《泰晤士报》首次使用,故而得名。Times New Roman源于古代罗马体的设计,所以在字型上相当传统,可读性也很好,所以此后一直广泛应用于各种领域。Times New Roman的地位相当于中文的宋体,同样都是衬线体。Georgia在此基础上结合Web特点做了优化和调整,最明显的就是高低错落的数字部分。WordPress的默认字体就是Georgia。

4. Trebuchet MS

Trebuchet MS也诞生于1996年,也是微软主张设计的无衬线体。这款字体和Verdana一样,也属于人文主义无衬线体。Trebuchet MS的特点是M笔画倾角较大、Q的尾巴很长、数字69和字母e等的结尾较短。这款字体在大字号下表现较好,所以也常被用于大标题。

5. Century Gothic

看到Gothic字样就知道它是一款哥特体,也就是无衬线体,但细分起来(可能也看的出来)与前面两款无衬线不同,这款字体属于几何无衬线体,这种字体是通过几何图形来营造一种强烈的线条对比,是极具现代感的设计风格,最典型的就是大写的O和小写的a。Century Gothic诞生于1991年,外形上与Avant Garde Gothic很像,这种字体通常用于标题和标语,而用于大段正文的话可读性不高。

瑞典宜家家居所大量使用的Futura也属于这种几何体。

6. Lucida Sans Unicode, Lucida Grande

Lucidia Grande在Mac OS上随处可见,而Lucida Sans Unicode则更像是一款Windows字体。Lucida家族的字体很多,比如最常见的就是XP蓝屏时的字体,就是Lucida Console。

7. Palatino

Palatino的创作灵感源于文艺复兴,由德国设计师Hermann Zapf于1948年设计,后来微软委托蒙纳公司设计了Book Antiqua,几乎与Palatino一模一样。而苹果Mac OS X则直接预装了Palatino。

8. Garamond, Baskerville, Caslon

这3款字体是本列表中最古老的字体,Garamond是由法国国王1540年委派设计的,庄重古朴,并迅速风靡一时。现在流传的Garamond实际上是由苹果普及的,另外哈利波特精装版的封面也用了这款字体。

Baskerville是John Baskerville于1757年设计的,其初衷是为了改进由William Caslon设计的Caslon字体的可读性。

9. Univers Condensed, Linotype Univers

Univers很容易与Helvetica混淆,诞生的时间也差不多,Univers稍早一些。Univers的作者是Adrian Frutiger。Adrian最著名的成就就是他的字体分类系统。

Univers的远距离可读性非常好,所以被瑞士国际航空公司、德意志银行采用,苹果键盘上也用过Univers作为标识。

10. Myriad Pro

Myriad Pro大家应该不陌生了,可能你不知道这个名字,但肯定见过。它就是苹果公司2002年到现在使用的官方字体。Myriad Pro由Adobe在上世纪90年代初设计,这款字体无论印刷还是Web显示效果都很好,所以得到了苹果的赏识,取代了之间沿用多年的Garamond。

11. Rockwell

Rockwell是蒙纳1934年出品的一款字体,看上去非常硬朗,属于平板衬线体。与传统常见的衬线体不同,平板衬线体Slab Serif没有笔画和衬线间的圆弧形过度而且衬线的粗细程度和字母的水平笔画相当。这种字体很少用于正文,一般都用于装饰性文字。

12. Warnock Pro

Warnock是Adobe联合创始人John Warnock设计的字体,21世纪来临之际迅速蹿红,并被集成到Adobe CS创意软件套装当中。

13. FF DIN

DIN的意思是德语Deutsche Industrie Norm,翻译过来就是德国工业标准,是有一个在汉堡的荷兰设计师设计的。外观简洁时尚,颇具现代感。

14. Gotham

又是一款21世纪诞生的字体,这个和前面说的Century Gothic一样,隶属于几何无衬线体,高x设计使其在小字号下依然清晰可辨。

15. Frutiger

以Frutiger为名的字体,是Adrian Frutiger为1968年新建成的戴高乐国际机场设计的字体,这款传奇字体用了7年时间,不过功夫不负有心人,Frutiger时至今日仍然是Linotype公司最畅销的字体。

16. Dax Regular

Dax是最近才诞生的年轻字体,但一经问世便大受好评,并广泛用于广告和市场活动,

网页设计专家票选的16款常用英文字体相关推荐

  1. 2014年新鲜出炉的16款免费英文字体

    这里集合了16款现代风格的高质量英文字体,可以免费下载使用.这些字体在使用大字号显示(如广告.标签.宣传册和海报设计等)的时候效果最佳.设计师们不要错过了,赶紧收藏到你的字体库里. 您可能感兴趣的相关 ...

  2. 专家票选! 2020 年度 10 篇人工智能经典论文(6-10)

    内容提要:近日,多家机构发布了关于人工智能的年终回顾总结,从种种表现来看,疫情之下,AI 依然蓬勃发展,全球 AI 产业规模达到 1500 多亿美元.这背后,又有哪些突破性的研究值得关注? 关键词:A ...

  3. 灵感·织梦倾力打造《Fireworks 网页设计专家门诊》

    http://www.it365cn.com/show.asp?id=1225 灵感·织梦倾力打造<Fireworks 网页设计专家门诊> 作 者:Juven.风筝.小狐子 摘 自: 织梦 ...

  4. 鸿蒙商务旅行箱,全军出击!华为智选发布16款新品:鸿蒙分布式技术来了

    原标题:全军出击!华为智选发布16款新品:鸿蒙分布式技术来了 近日,华为智选品鉴会在深圳举行,这也是华为智选在今年举办的首个专场品鉴会. "给全场景智慧生活添点温度",华为与生态合 ...

  5. 鸿蒙见面会为什么没选在深圳,全军出击!华为智选发布16款新品:鸿蒙分布式技术来了近日,华...

    该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 全军出击!华为智选发布16款新品:鸿蒙分布式技术来了 近日,华为智选品鉴会在深圳举行,这也是华为智选在今年举办的首个专场品鉴会. "给全场景智慧 ...

  6. 8款免费英文字体,特别适合简约风格网页设计

    干净简洁的网页设计确实越来越流行,而字体和版式在这种类型的设计中起了很大的作用.如果你一直在努力为你的简约设计项目寻找合适的字体,那么这里分享的8款新鲜出炉的免费英文字体这是你需要的. 您可能感兴趣的 ...

  7. 六安电大计算机考试真题及答案,电大dreamweaver网页设计单选多选判断填空试题库完整.pdf...

    电大 dreamweaver 网页设计 单选 多选 判断 填空 题库 1. 利用 a:link 设置的样式属于( B ). A. 类样式 B. 标签样式 C. 高级样式 D. 层叠样式 2. 以下选项 ...

  8. 字体大宝库:25款精美的常用英文字体下载

    设计师们都备有丰富的常用英文字体库,在设计的时候能够得心应手.今天这篇文章收集了25款精美的常用英文字体.这些精美的英文字体特别适合网页设计师,平面设计师和电脑艺术人员.如果你正在寻找漂亮的免费常用英 ...

  9. 向设计师分享最新30款免费英文字体

    字体在设计中扮演这重要角色,设计师经常要花很多的时间去挑选字体.如果你正在寻找好看的免费英文字体,那么下面收集的30款免费英文字体正是为你准备的,赶紧下载吧. Homestead Font 点击下载 ...

  10. 年度榜单:2013年最流行的15款免费英文字体

    2013年就要过去了,又到了发布<2013年度榜单>系列的时候了,我们将发布一系列文章向读者展示那些可能错过的优秀资源,同时为这些资源的作者提供展示自己的机会.今天这篇文章是这个系列的第一 ...

最新文章

  1. sonatype nexus仓库介绍
  2. php adodb使用,常用的php ADODB使用方法集锦
  3. JAVA实现二维数组中的查找(《剑指offer》)
  4. 【转】Yahoo!团队:网站性能优化的35条黄金守则
  5. 二分法查找(C/C++)
  6. idea 使用maven 整合ssm框架
  7. python123判断字符串结尾_Python学习教程:在字符串的开头和结尾处做文本匹配
  8. unity3d android hdr,Unity3d 中的 HDR_BLOOM
  9. linux 定位 踩内存_互联网线上系统故障定位方法论
  10. vs 生成com组件 其他电脑_VS也可以这样进行快捷安装
  11. Conda环境与Python解释器
  12. 微积分的未来:DNA、非线性、混沌、复杂系统与人工智能
  13. linux虚拟机简单部署以及安装可视化界面
  14. Windows下QT配置librdkafka
  15. 高斯过程回归(Gaussian process regression)原理详解及python代码实战
  16. chrome浏览器糟糕WEBGL遇到了问题,如何解决
  17. 计算机excel插入公式,Excel输入公式
  18. Java通过http协议下载文件并写入字节流的方法
  19. Python爬虫——糗百
  20. 这些月入5万的程序员们究竟是怎么花钱的?

热门文章

  1. unity 编辑器模式下修改屏幕分辨率
  2. 软件测试测试常见分类有哪些?
  3. 修改iphone模拟器hosts
  4. android killer 反编译工具,安卓反编译工具-Android Killer下载1.3.0.0 正式版-腾牛下载...
  5. F检验(ANOVA)
  6. IMDB 电影打分规则
  7. 手机查看云服务器文件夹,手机查看云服务器文件夹
  8. 判断两篇文章的相似度
  9. 液晶电视的驱动板与逻辑板维修
  10. 规范完整APP开发制作流程