当前位置: 代码迷 >> Web前端 >> 网页中运用的特殊字体(webdings, wingdings 2)
  详细解决方案

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

热度:372   发布时间:2013-09-06 10:17:17.0
网页中使用的特殊字体(webdings, wingdings 2)

前言

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

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

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

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

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

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

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

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

Webdings character map

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


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


Webdings, wingdings, wingdings 2

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

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

File:Webdings-big.png


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


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

  WINGDINGS

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

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

WingdingsUnicode
CharacterDecHexPS NameCharacterDecHexNameRange
320x20space 32U+0020SpaceBasic Latin
!330x21pencil?9999U+270FPencilDingbats
"340x22scissors?9986U+2702Black scissorsDingbats
#350x23scissorscutting?9985U+2701Upper blade scissorsDingbats
$360x24readingglasses