网页中使用的特殊字体(webdings, wingdings 2)

前言

对字体的相关介绍可以参考网页中使用的字体介绍

经常在某些网页中看到一些特殊的效果:

比如一个红色的圆圈，一个红色圆圈里面有一个数字。等等。。。

这些看上去更像一个图，一开始以为是使用svg 或是vml 来绘制的。但是查看源代码发现：

<span style="color:lime;FONT-FAMILY: Webdings;padding:0">n</span>

很简单，就是一个span 中的字符，只不过使用了 Webdings 的字体。看上去很神奇。

其实这种用法很常见，从刚开始接触电脑，接触office 的时候就有用到这种用法。

在word或是Excel 的插入的tab 下点击 “符号”，就可以看到如下的画面：

如果我们插入一个圆圈，点插入后会发现 cell 中写入的是一个 n 的字符，设置单元格格式的字体为 Webdings 的话，就可以看到一个圆圈了。

综合以上的意思很简单，就是某些字体可以显示一些特殊的图形或是符号。

Webdings, wingdings, wingdings 2

Webdings是一个TrueType的dingbat字体，于1997年发表，搭载在其后的Microsoft Windows视窗系统内，大多的字形都没有Unicode的相对字。

Webdings 可以显示的一些特殊图形有：

Wingdings 是一个符号字体系列，它将许多字母渲染成各式各样的符号。最初是由微软在1990年开发的，由Charles Bigelow 和 Kris Holmes专利授权的Lucida符号中的速记符，箭头和星形组合而成。各特定版本的字符串字体版权归Type Solutions, Inc.,公司所有，该公司是字体提示工具的制作者。

Wingdings是预置在微软WINDOWS3.1版本以后操作系统中的TrueType符号字体。微软持有 Wingdings 商标，设计和标志符号美国专利号是D341848于1993年获得，该专利已于2005年过期。在许多其他国家，设计专利被称为已注册的设计。这种注册是为了防止被抄袭，而并不是为了声明新的创造发明。

WINGDINGS

该字体包括了许多常见的形状和五官动作同时也包含了世界上常见的符号，比如六芒星形和黄道带标志。该字体没有被编入Unicode，虽然它的很多符号已经在该系统中可调用。

http://www.alanwood.net/demos/wingdings.html

Wingdings				Unicode
Character	Dec	Hex	PS Name	Character	Dec	Hex	Name	Range
‘ ’	32	0x20	space	‘ ’	32	U+0020	Space	Basic Latin
!	33	0x21	pencil	✏	9999	U+270F	Pencil	Dingbats
"	34	0x22	scissors	✂	9986	U+2702	Black scissors	Dingbats
#	35	0x23	scissorscutting	✁	9985	U+2701	Upper blade scissors	Dingbats
$	36	0x24	readingglasses

网页中使用的特殊字体(webdings, wingdings 2)相关推荐

网页中、英文安全字体选择及设置
天缘博客目前已支持雅黑字体显示,这样在Vista/Windows 7上会看起来更舒服点,问题虽小不过在测试时还是有些小的细节问题,这里总结一下,网页字体显示要求浏览者必须具有相应的本地字库,才会正常显 ...
网页中这 10 种字体的运用方式，不会让人觉得 Low
简评:字体特效非常多,有目的地选取合理的特效是让它们发挥效果的诀窍所在.好的字体排版是不需要辅助就能被识别的,否则这个设计是失败的. 本文转载自 UISDC,如需转载请联系他们. 对于设计师而言,在日 ...
45个网页中充满创意的字体排版
印刷排版的历史或许和人类的历史几乎一样长.大字体能够很快捉住网页浏览者的注意力.在网页设计时,选择一个正确的字体排版方案是首要考虑的工作.事实上,文字拥有的力量能将原有的设计彻底颠覆.由于大字体能将网 ...
在网页中引用阿里iconfont字体图标的三种方式
首先,你需要在阿里巴巴图标矢量库中创建账号. 创建完成后,选择你想要的图标添加到购物车(也就是添加入库). 添加了之后点击右上角的购物车按钮,弹出如下框,点击"添加至项目" 在此你 ...
网页中嵌入任意web字体解决方案
方案一: 使用css3 font-face,详细参照:http://www.w3cplus.com/content/css3-font-face 方案二: 文字转svg path,在html中使用s ...
网页中使用的字体介绍
字体的选择,是网页开发的关键因素之一. 合适的字体,对网页的美观度(或可读性)有着举足轻重的影响. 但是,相比英文字体,中文字体的网页开发有着极大的局限性.因为,一套中文字体最少也要有几千个字符,体积 ...
在网页中使用他人字体的版权问题
近年来,随着互联网的普及,人们越来越依赖网页.在网页中,可以使用各种字体来呈现内容.然而,有时候使用的字体需要购买,而购买字体的费用可能会引起版权纠纷.那么,在网页中声明收费字体是否会侵权呢? 首先, ...
Webdings字体和Wingdings字体对照表
一.Webdings是一个TrueType的dingbat字体,于1997年发表,搭载在其后的Microsoft Windows视窗系统内,大多的字形都没有Unicode的相对字. 使用很简单 1.网 ...
Webdings字体、Wingdings字体对照表、用CSS3绘制的各种小图标
一.Webdings是一个TrueType的dingbat字体,于1997年发表,搭载在其后的Microsoft Windows视窗系统内,大多的字形都没有Unicode的相对字. 使用很简单 1.网 ...

网页中使用的特殊字体(webdings, wingdings 2)

前言

Webdings, wingdings, wingdings 2

网页中使用的特殊字体(webdings, wingdings 2)相关推荐

最新文章

热门文章