蓝狮官网网页设计中的常用安全字体

1 Arial
微软公司的网页核心字体之一,最常用的sans serif字体。
优点:比例及字重(weight)和Helvetica极之相近 ; 没有下划线贴边的问题;Q字没尾巴;字高整齐;
缺点:大写I与小写L无法区分,可以考虑用Tahoma字体来替代。
苹果系统有一种对应于Arial的字体叫Helvetica,它是MAC机上与Arial 字体最相似的WEB字体。
CSS写法:font-family: Arial, Helvetica, sans-serif;

2 Verdana
微软公司的网页核心字体之一,微软公司专门为屏幕显示而开发的。应用广泛。易于阅读。是显示器中最清晰的字体,即使字号很小,也很容易阅读。
优点:没有下划线贴边的问题,能区分大写I与小写L;
缺点:字体较宽,间距大,字型圆同一宽度可显示字节比其他字体少得多; Q字有尾巴;字高不整齐;
字号最好介于10~14像素之间,超出这个范围就不好看了。
CSS写法:font-family: Verdana, Geneva, sans-serif;

10 Tahoma
Tahoma是一个十分常见的无衬线字体,Tahoma和Verdana师出同为名设计师马修·卡特的作品,由微软在1999年推出, 被采用为Windows 2000、Windows XP、Windows Server 2003等系统的默认字型。
优点:字宽较阔,字母间距较窄,恒定1px(阅读单个字母有困难)蓝狮官网形态上符合汉字“方块字”点阵字;能区分大写I与小写L;
缺点:12号字有下划线贴边的问题;Q字有尾巴;字高不整齐;
适合做标题,如果作为正文,他的字号不能小于13PIX,否则很多笔画粘连到一起,不利于阅读。
CSS写法:font-family: Tahoma, Geneva, sans-serif;

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

衬线字体(serif)
3 Georgia
微软公司的网页核心字体之一,可用性好。可读性比Times New Roman强。是网站设计中,蓝狮注册登陆浏览效果最好的serif字体,因为它是专为网上阅读设计的。)
CSS写法:font-family: Georgia, serif;

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

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

补充:

保守的文字链接规范
文字链接形式不得超过3种颜色(规定其中一种为主链接色)。

显性链接:
大面积链接的网站,比如门户首页、内容列表页。多采取灰黑色、蓝色做全篇的链接色,默认时不显示下划线,光标经过时才显示下划线。

隐性链接:
对于混杂在页面文字中零散出现的文字链接,为了便于识别,默认时候可以出现下划线或使用辅助链接色,光标经过的时候,样式不变。

标签:安全字体, 网页设计

0 Comments
Leave a Reply