By 时代数字趋势2021-06-12
好的网页字体既能传达网站的风格,又能与大多数网站相容。使用非网络安全字体时,浏览器会用一些乱七八糟的符号来代替使用者的花俏字体,最后就会导致这个网站外观不佳。
字体一般以家族来分类,比如衬线字体、单色字体等。使用非网络安全字体的最佳方法,应该是选择在风格和外观上与你的首选字体最接近的字体,然后将字体加入现有的字体中。
- 网页安全英文字体
- 1. 无衬线(Sans Serif)网络安全字体
- 2. 有衬线(Serif Web)网络安全字体
- 3. 等宽字体(Monospace Font)
- 4. 草书字体
- 5. Fantasy字体
- 6. Dingbats、Wingdings等符号字体
- 网页安全中文字体
- Windows
- Mac OS
网页安全英文字体
1. 无衬线(Sans Serif)网络安全字体
无衬线文字更适用于网页,下面是一些无衬线字体的实例:
font-family: Arial, Helvetica, sans-serif;font-family: ‘Arial Black’, Gadget, sans-serif;font-family: Impact, Charcoal, sans-serif;font-family: ‘MS Sans Serif’, Geneva, sans-serif;font-family: Tahoma, Geneva, sans-serif;font-family: ‘Trebuchet MS’, Helvetica, sans-serif;font-family: Verdana, Geneva, sans-serif;
2. 有衬线(Serif Web)网络安全字体
有衬线字体则更适合用于标题,标题的大字体用有衬线字体在屏幕上不会变得模糊,下面是常见的有衬线字体:
font-family: ‘Book Antiqua’, ‘Palatino Linotype’, Palatino, serif;font-family: Bookman, serif;font-family: Georgia, serif;font-family: ‘MS Serif’, ‘New York’, serif;font-family: ‘Times New Roman’, Times, serif;
3. 等宽字体(Monospace Font)
等宽字体通常用于呈现程序码或其他一些比较独特的风格,比如:打字机字体这种所有字元都是相同宽度的字体类型,下面是实际例子:
font-family: Courier, monospace;font-family: ‘Courier New’, Courier, monospace;font-family: ‘Lucida Console’, Monaco, monospace;
4. 草书字体
草书字体可能会出现阅读难度大的问题,大多数系统中最常见的草书字体是Comic Sans:
font-family: ‘Comic Sans MS’, cursive;
5. Fantasy字体
同草书字体一样,Fantasy字体也很难读,且更不常见。
font-family: Impact, Charcoal, fantasy;
6. Dingbats、Wingdings等符号字体
Dingbats或wingdings是符号字体,用于显示除字母之外的符号。它们没有通用的字体类型,因此不同的电脑显示的效果可能会与预期非常不同。此外,一般就只有IE浏览器可以显示这些符号。Chrome、Firefox和其他浏览器都只会使用浏览器预设字体显示。
font-family: Symbol;font-family: Webdings;font-family: Wingdings, ‘Zapf Dingbats’;
网页安全中文字体
Windows
- 新细明体:PMingLiU
- 细明体:MingLiU
- 标楷体:DFKai-SB
- 黑体:SimHei
- 宋体:SimSun
- 新宋体:NSimSun
- 仿宋:FangSong
- 楷体:KaiTi
- 仿宋_GB2312:FangSong_GB2312
- 楷体_GB2312:KaiTi_GB2312
- 微软正黑体:Microsoft JhengHei
- 微软雅黑体:Microsoft YaHei
Mac OS
- 华文细黑:STHeiti Light [STXihei]
- 华文黑体:STHeiti
- 华文楷体:STKaiti
- 华文宋体:STSong
- 华文仿宋:STFangsong
- 俪黑 Pro:LiHei Pro Medium
- 俪宋 Pro:LiSong Pro Light
- 标楷体:BiauKai
- 苹果俪中黑:Apple LiGothic Medium
- 苹果俪细宋:Apple LiSung Light