网页设计中常用的Web安全字体

引用地址
1, Arial
微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。
（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说道Helvetica字体，昨天发现了很多有意思的站点，主要是纪念Helvetica字体诞生50年而设的。）

Arial
CSS写法：font-family: Arial, Helvetica, sans-serif;
2, Arial Black

ArialBlack
CSS写法：font-family: ‘Arial Black’, Gadget, sans-serif;
3, Arial Narrow

ArialNarrow
CSS写法：font-family: ‘Arial Narrow’, sans-serif;
4, Verdana
微软公司的网页核心字体之一，微软公司专门为屏幕显示而开发的。应用广泛。易于阅读。是显示器中最清晰的字体，即使字号很小，也很容易阅读。半肥猫比较喜欢采用10PX的Verdana来做英文正文字体，也推荐大家使用，但字号最好介于10~14像素之间，超出这个范围就不好看了。
Verdana
CSS写法：font-family: Verdana, Geneva, sans-serif;
5, Georgia
微软公司的网页核心字体之一，可用性好。可读性比Times New Roman强。是网站设计中，浏览效果最好的serif字体，因为它是专为网上阅读设计的。）

Georgia
CSS写法：font-family: Georgia, serif;
6, Times New Roman
微软公司的网页核心字体之一，可能是最常用的serif字体，是网站浏览器默认的字体，12pt以上的字体容易阅读，但小字号的字体易读性差。（苹果系统没有这个字体，有一个对应于Times New Roman的字体叫Times）

Times New Roman
CSS写法：font-family: 'Times New Roman', Times, serif;
7, Trebuchet MS
微软公司的网页核心字体之一，与Arial相似，半肥猫觉得：Trebuchet MS比Arial看起来优雅、古典一点。可以用来做标题，但小字号阅读起来会很困难（低于13PIX阅读起来就很累了，不太推荐用来做正文字体）。在苹果系统上也可以用Helvetica做替代。

Trebuchet MS
CSS写法：font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
8 , Courier New
微软公司的网页核心字体之一，老式打印机字体，有一种独特的机械工整感觉。呈现计算机编码时，还会用到这种字体。12 pt的Courier New字体曾是美国国务院的公文标准字体，但于2004年1月停用，改使用14 pt的Times New Roman，因为其具“现代性”和“易读性”。

Courier New
CSS写法：font-family: ‘Courier New’, Courier, monospace;
9, Impact
微软公司的网页核心字体之一，Impact是1965年发表的一个无衬线字体，其特粗的笔画、紧缩的间距。半肥猫觉得：字体较为粗犷，适合使用在标题上，而不常用在内文。

Impact
CSS写法：font-family: Impact, Charcoal, sans-serif;
10, Comic Sans MS
微软公司的网页核心字体之一，手写体。这是一种争议很大的字体，讲实话，半肥猫也不喜欢这个字体，一点美感都没有，不过在一大堆规规矩矩的字体里面，有这么一个随意性比较的字体，可以变换一下口味，也算不错吧，建议不要用在正规的金融、政府、商业机构站点。

Comic Sans MS
CSS写法：font-family: ‘Comic Sans MS’, cursive;
11, Tahoma
Tahoma是一个十分常见的无衬线字体，Tahoma和Verdana师出同为名设计师马修·卡特的作品，由微软在1999年推出，被采用为Windows 2000、Windows XP、Windows Server 2003等系统的默认字型。半肥猫觉得：它的字体结构和Verdana很相似，其字符间距较小，用来作为标题，效果好过Arial（Tahoma的大写I 和小写l比Arial容易识别），但如果作为正文，他的字号不能小于13PIX，否则很多笔画粘连到一起，不利于阅读。

Tahoma
CSS写法：font-family: Tahoma, Geneva, sans-serif;
12, Lucida Sans Unicode
是一种OpenType型的无衬线字体。1993年制作并随微软公司的Windows NT 3.1操作系统发布。有较大的x字高，具有很好的可读性，被广泛用于显示、出版等各种用途。
它支持Unicode2.0版本的基本字符，包括拉丁字母，希腊字母，西里尔字母，希伯来字母，以及国际音标字符。该字体是首个 Unicode代码的字体，该字体从Windows 98开始一直作为系统预装字体发行。
后来发布的 Lucida Grande字体作为苹果公司Mac OS X系统的默认字体发布。
CSS写法：font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
13, Lucida Console
同Lucida Sans Unicode类似。

Lucida Console
CSS写法：font-family: ‘Lucida Console’, Monaco, monospace;
14, Garamond
Garamond（加拉蒙德）是一类西文衬线字体的总称，自16世纪40年代开始至今，有很多家公司和很多设计师参与到Garamond字体设计，如： Adobe Garamond, Monotype Garamond, Sioncini Garamond，和 Stempel Garamond等等。半肥猫觉得：字体给人端庄典雅，有些古典的感觉，在博物馆和历史性悠久的项目中使用，应该可以获得不错的效果。

Garamond
CSS写法：font-family: Garamond, serif;
15 , MS Sans Serif
微软系统自带字体。屏幕显示的像素字体。非衬线字体。

MS Sans Serif
CSS写法：font-family: ‘MS Sans Serif’, Geneva, sans-serif;
16, MS Serif
微软系统自带字体。屏幕显示的像素字体。衬线字体。
CSS写法：font-family: ‘MS Serif’, ‘New York’, sans-serif;

网页设计中常用的Web安全字体相关推荐

网页设计中常用的19个Web安全字体
来自http://www.jb51.net 在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体.但多数情况 ...
网页中常用的web安全字体
在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体,但多数情况下,考虑各个因素的影响我们还是在尽量充分利用 ...
html css 奇数偶数,网页设计中为啥少用奇数字体？_html/css_WEB-ITnose
一.UI设计师的原因多数设计师用的设计软件(如:ps)大多数都是偶数,所以前端工程师一般都是用偶数字体二.浏览器的原因其一是为了迁就ie6,万恶的ie6会把定义为13px的字渲染成14px,你可 ...
ps在html中的应用程序,Photoshop在网页设计中的应用与方法
现在已经进入数字化信息时代,随着网络的飞速发展,人们的生活逐渐迈向了新时代,无法想象,哪天没有了网络会怎样,呵呵,开个玩笑了,网络只会一天比一天精进,所以网络知识的普及是必须的! 1.图像局部截取和图 ...
Photoshop在网页设计中的应用与方法
1.图像局部截取和图像尺寸调整做网页设计时经常要用到的某张图像一部分,这就需要截取图像的局部.图像局部截取的方法很多,但使用Photoshop操作起来更方便.具体操作步骤如下: (1)在Photos ...
网页设计中的默认字体样式详解
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...
分享17个网页设计中字体排版的优秀示例
网页中的字体的使用和排版是一门学问,这篇文章带给大家17个网页设计中字体排版的优秀作品.下面收集的这些网站作品都是精心挑选的优秀国外网站作品,丰富多彩,大胆的相当干净和简单的设计,当然也有一些好的灵感 ...
html艺术字在线制作,HTML网页设计中的字体设计
HTML网页设计中的字体设计字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
html网页设计同字,HTML网页设计中的字体设计
HTML网页设计中的字体设计字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
《众妙之门——Web用户体验设计与可用性测试》一第2章　在网页设计中通过测量数据优化情感投入2.1　情感应答和行为应答的关系...
本节书摘来自异步社区<众妙之门--Web用户体验设计与可用性测试>一书中的第2章,第2.1节,作者 [德]Smashing Magazine,更多章节内容可以访问云栖社区"异步社 ...

网页设计中常用的Web安全字体

网页设计中常用的Web安全字体相关推荐

最新文章

热门文章