经常在某些网页中看到一些特殊的效果:
比如一个红色的圆圈, 一个红色圆圈里面有一个数字。 等等。。。
这些看上去更像一个图, 一开始以为是使用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、
网页
使用
:<font face='
web
dings
' size="32">i</font>2、WPF
使用
:<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