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

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

这些看上去更像一个图, 一开始以为是使用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 是预置在 WINDOWS 3.1版本以后 操作系统 中的 TrueType 符号 微软 持有 Wingdings 商标,设计和标志符号 美国 专利号是D341848于1993年获得,该专利已于2005年过期。在许多其他国家,设计专利被称为已注册的设计。这种注册是为了防止被抄袭,而并不是为了声明新的创造发明。

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
Ubuntu下打开WPS提示系统缺失 字体 :Symbol、 Win gdi ngs Win gdi ngs 2、 Win gdi ngs 3、 Web dings 、MT Extra,WPS无法正确地显示某些符号(公式)!的 字体 集合。 特殊 字符、常规符号及其代码对照表 特殊 字符、常规符号及其代码对照表 Web dings Win gdi ngs Win gdi ngs 2 Win gdi ngs 3 Symbol document.write('\n'); //document.write(''); for (j=0;j... Win gdi ngs 是预置在微软 WIN DOWS3.1版本以后操作系统 的TrueType符号 字体 。 该 字体 包括了许多常见的形状和五官动作同时也包含了世界上常见的符号,比如六芒星形和黄道带标志。该 字体 没有被编入Unicode,虽然它的很多符号已经在该系统 可调用。 在WPF程序 ,如果需要,可以很方便的 使用 它们。 Web dings 字体 对照表 Web dings 2 字体 对照表 Win gdi ngs 2的规格 包括了16种索引,字母数字从0到10的序号,多种记号和问叹号,几个几何形状和星形。 Web din. ✖.dingbat {color: blue;font-size: 100px;}下面是一个演示此问题的JSFiddle。如果您在桌面浏览器 打开JSFiddle,则dingbat X颜色将变为蓝色,尺寸将为100px。但是,如果您在移动Safari 打开它,颜色将变成黑色,尺寸会变小。这个问题被标记为 “Unicode的绘文字的颜色” 的可能重复。我不认为这个问题是重复的,因为我肯定可以在大多数... web dings 字体 网页 设计 可以起到意想不到的效果,有时可以用这些 字体 代替一些小图片,实现文本化的漂亮 网页 .现收集如下对应表: 特殊 字符相对应的 web dings 字符: ~ ! @ # $ % ^ & * ( ) _ + | - = ~ ! @ # $ % ^ & * ( ) _ + | - = [ ] { } : ; " ? / . > [ ] { } : ; " ? / . > 英文小 http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=253 转载于:https://www.cnblogs.com/xiebin1986/archive/2010/09/29/1838564.html 一、 Web dings 是一个TrueType的dingbat 字体 ,于1997年发表,搭载在其后的Microsoft Win dows视窗系统内,大多的字形都没有Unicode的相对字。 使用 很简单1、 网页 使用 :&lt;font face=' web dings ' size="32"&gt;i&lt;/font&gt;2、WPF 使用 :&lt;TextBlock Text="1" FontFamily="W... 以前工程上需要显示 win gdi ngs 字体 的东东,弄了很久,在网上也找了很久也没有找到办法,最后用位图来显示的,那个汗啊! 今天偶然间发现了cfont类,logfont结构啊这些有一成员ifcharset是用来设置字符集的,网上查了一下,可以设置这么多的呢:ANSI_CHARSET、BALTIC_CHARSET、CHINESEBIG5_CHARSET、DEFAULT_CHARSET、EASTEUR 有一种 win gdi ngs 字体 ,对照如下 0 1 2 3 4 5 6 7 8 9 a b c d e f g h i j k l m n o p q r s t u v w x y z A B C D E F G H I J K L M N O P Q R S T U V W