网页中使用的特殊字体(webdings, wingdings 2)
2013-08-27 20:04
239 查看
前言
对字体的相关介绍可以参考 网页中使用的字体介绍经常在某些网页中看到一些特殊的效果:
比如一个红色的圆圈, 一个红色圆圈里面有一个数字。 等等。。。
这些看上去更像一个图, 一开始以为是使用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)
- 网页中使用的特殊字体(webdings, wingdings 2)续
- 网页中使用的特殊字体(webdings, wingdings 2)续
- 网页中如何使用一些特殊字体
- 使用 Cufon 渲染网页字体(转载自ibm developerwork,在网页里引入特殊字体的方法,通过js实现字体渲染)(1)
- 在网页中使用特殊字体的可选方案:图片,CSS3, sIFR, Typeface.js, cufon
- 在网页中使用特殊字体
- 在网页中使用特殊字体的几种方式
- font-family特殊字体(Webdings,Wingdings,Symbol)符号及代码对照表
- 条码控件开发商IDAutomation教你如何将支持WOFF(网页开放字体格式)的条码字体使用到html代码里面去。
- 自定义字体(特殊字体)在网页中的应用
- 在网页中使用个性字体
- iOS中使用特殊字体
- 网页中导入特殊字体@font-face属性详解
- 优秀案例:13个使用白色字体的国外网页作品
- 在网页上使用苹方字体
- 在网页设计中使用漂亮字体的16个优秀例子
- 网页引入特殊字体的几种方案
- css网页中导入特殊字体@font-face属性详解
- 如何让网页自带特殊字体