转载内容(来自互联网)整理如下:

点评:在Web编码中,CSS默认应用的Web字体是有限的,虽然在新版本的CSS3,我们可以通过新增的@font-face属性来引入特殊的浏览器加载字体。

但多数情况下,考虑各个因素的影响我们还是在尽量充分利用这些默认调用的字体实现CSS的编写,这里整理了19个Web安全字体,让你无需任何顾虑的情况下畅快使用。
1, Arial
微软公司的网页核心字体之一,最常用的sans serif字体,当字号很小时不容易阅读。但是,大写的“I”和小写的“l”是无法区别的,你可以考虑用Tahoma字体来替代。
(苹果系统没有这种字体,但有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好,说道Helvetica字体,昨天发现了很多有意思的站点,主要是纪念Helvetica字体诞生50年而设的。)

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

2, Arial Black


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

3, Arial Narrow

CSS写法:font-family: ‘Arial Narrow’, sans-serif;

4, Verdana
微软公司的网页核心字体之一,微软公司专门为屏幕显示而开发的。应用广泛。易于阅读。是显示器中最清晰的字体,即使字号很小,也很容易阅读。半肥猫比较喜欢采用10PX的Verdana来做英文正文字体,也推荐大家使用,但字号最好介于10~14像素之间,超出这个范围就不好看了。

CSS写法:font-family: Verdana, Geneva, sans-serif;

5, Georgia
微软公司的网页核心字体之一,可用性好。可读性比Times New Roman强。是网站设计中,浏览效果最好的serif字体,因为它是专为网上阅读设计的。)

CSS写法:font-family: Georgia, serif;

6, Times New Roman
微软公司的网页核心字体之一,可能是最常用的serif字体,是网站浏览器默认的字体,12pt以上的字体容易阅读,但小字号的字体易读性差。(苹果系统没有这个字体,有一个对应于Times New Roman的字体叫Times)

CSS写法:font-family: 'Times New Roman', Times, serif;

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

CSS写法:font-family: 'Trebuchet MS', Helvetica, sans-serif;

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

CSS写法:font-family: 'Courier New', Courier, monospace;

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

CSS写法:font-family: Impact, Charcoal, sans-serif;

10, 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,否则很多笔画粘连到一起,不利于阅读。

CSS写法:font-family: Tahoma, Geneva, sans-serif;

12, Courier
Courier是一个等宽字体的粗衬线字体,主要是依据打字机所打印出来的字型来设计。原来Courier New的字体是IBM公司在1950年代设计给打印机使用的字体,后来这个字型成为整个打字机制造业的标准。Courier New是Courier的变体,比Courier更具机械味道。

CSS写法:font-family: Courier, monospace;

13, 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;

14, Lucida Console

同Lucida Sans Unicode类似。

CSS写法:font-family: 'Lucida Console', Monaco, monospace;

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

CSS写法:font-family: Garamond, serif;

16 , MS Sans Serif
微软系统自带字体。屏幕显示的像素字体。非衬线字体。

CSS写法:font-family: 'MS Sans Serif', Geneva, sans-serif;

17 , MS Serif
微软系统自带字体。屏幕显示的像素字体。衬线字体。

CSS写法:font-family: 'MS Serif', 'New York', sans-serif;

18, Palatino Linotype

CSS写法:font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

19, Symbol

CSS写法:font-family: Symbol, sans-serif;

20, Bookman Old Style

CSS写法:font-family: 'Bookman Old Style', serif;

转载于:https://www.cnblogs.com/maplehongye/archive/2011/11/25/2262897.html

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

  1. 网页设计中的默认字体样式详解

    浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...

  2. RP网页设计中的默认字体:{font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;}

    网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; 理由如下: font-size采用px, 不采用em. 理由是em带来的 ...

  3. font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;网页设计中的默认字体

    网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; 理由如下: font-size采用px, 不采用em. 理由是em带来的 ...

  4. 网页设计中的英文字体的选择

    转载自:http://www.missyuan.com/thread-496832-1-1.html 选择字体中需要考量的因素很多,跨平台预装情况.是否有同族的粗体和斜体.Win下没有打开Clear ...

  5. 如何在网页设计中使用个性化字体

    一个常常令设计师和前端开发人员都头疼的事情就是字体的使用,设计师常常在设计稿中使用某些很漂亮的字体,以实现比较酷炫的界面.但这样常常给编码人员造成一些难度,如果在页面中放弃使用这些字体,设计师会感到郁 ...

  6. 网站设计中常见的字体

    文字是网站页面设计中最为重要的元素,根据信息的内容层次关系,通过编排,可以让设计出富有美感和形式感的网页,网页设计中文字的使用要有原则:一个网站设计项目中字体样式不能太多,1-2种即可,不要使用不易识 ...

  7. 分享17个网页设计中字体排版的优秀示例

    网页中的字体的使用和排版是一门学问,这篇文章带给大家17个网页设计中字体排版的优秀作品.下面收集的这些网站作品都是精心挑选的优秀国外网站作品,丰富多彩,大胆的相当干净和简单的设计,当然也有一些好的灵感 ...

  8. html艺术字在线制作,HTML网页设计中的字体设计

    HTML网页设计中的字体设计 字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...

  9. html网页设计同字,HTML网页设计中的字体设计

    HTML网页设计中的字体设计 字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...

最新文章

  1. JS replace()方法-字符串首字母大写
  2. 糗事百科的网络爬虫(v0.2)源码及解析 .
  3. SAP ABAP bcset激活时,关联的数据库表条目是如何插入的
  4. 信息化之路------广州行
  5. Vue_(Router路由)-vue-router路由的基本用法
  6. SpringBoot时间格式化的5种方法!
  7. 开源战略游戏源码_开源的历史告诉我们关于战略优势的知识
  8. 微博月活跃用户数增至5.73亿 移动端用户占比达94%
  9. C# 序列化之二进制
  10. SGI opengl source code download
  11. AI智能电话机器人源码搭建揭秘!
  12. MAC电脑关机卡住黑屏菊花转圈的解决方法
  13. larval-admin
  14. 荣耀手机鸿蒙系统手机,4部荣耀手机可升为鸿蒙系统,有你的手机吗?花粉的春天来了!...
  15. 计算机教室应注意事项,电子白板教室操作说明及注意事项
  16. 试用 Emacs muse
  17. Java指令全集_Java的JVM字节码指令集详解
  18. 解决电脑无法运行 Mscomctl.ocx控件 常见的4个问题
  19. qt——widget
  20. 密集创投迎来爆发期 今年会是链游之年么?

热门文章

  1. Windows API一日一练(28-29)CreateFont SetRect SelectObject DeleteObject函数-用各种不同的字体并进行文字绘制并注意释放
  2. Packet_Tracer
  3. div适应屏幕垂直居中的多种解决方案
  4. windows内存清理工具
  5. 云计算助力传统安防智慧升级
  6. 学习python第六天
  7. mysql启动提示少vc90.crt_近乎(Spacebuilder) v4.1.0.1源码
  8. Linux个人防火墙的设计与实现
  9. 一线Leader怎么做?经理的速成宝典
  10. 网络变压器 原理、功能、解决辐射发射问题的应用