启野的博客

淡淡的雾，淡淡的雨，淡淡的云彩悠悠的游。

日志

关于我

启野

B型天秤座

文章分类

HTML文字代码——wingdings 字体

2011-03-13 00:51:00| 分类： HTML专区 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

HTML

wingdings 字体

wingdings 字体博文简介

wingdings和Webdings 一样搭载在其后的Microsoft Windows视窗系统内，大多的字形都没有Unicode的相对字。
图形文字很有趣，特在这里作为备注，做特殊处理！
值得注意的是：
客户端的系统文件夹（字体文件夹Fonts）里面必须有“wingdings.ttf”这个字体文件！否则效果是显示不出来的！
注：
在HTML标准中,代码如下：
<font face="wingdings">0123456789<font>
在XHTML标准中，font元素已过期，所以可用span来代替，代码如下：
<span style="font-family:wingdings">0123456789</span>
附下列对照表：

1、<font face="wingdings">0123456789<font>： 0123456789
代码	示例	代码	示例
<font face="Wingdings">0 <font>	0	<font face="Wingdings">5 <font>	5
<font face="Wingdings">1 <font>	1	<font face="Wingdings">6 <font>	6
<font face="Wingdings">2 <font>	2	<font face="Wingdings">7 <font>	7
<font face="Wingdings">3 <font>	3	<font face="Wingdings">8 <font>	8
<font face="Wingdings">4 <font>	4	<font face="Wingdings">9 <font>	9

2、<font face="Wingdings">abcdefghijklmnopqrstuvwxyz<font>： abcdefghijklmnopqrstuvwxyz
代码	示例	代码	示例
<font face="Wingdings">a <font>	a	<font face="Wingdings">n <font>	n
<font face="Wingdings">b <font>	b	<font face="Wingdings">o <font>	o
<font face="Wingdings">c <font>	c	<font face="Wingdings">p <font>	p
<font face="Wingdings">d <font>	d	<font face="Wingdings">q <font>	q
<font face="Wingdings">e <font>	e	<font face="Wingdings">r <font>	r
<font face="Wingdings">f <font>	f	<font face="Wingdings">s <font>	s
<font face="Wingdings">g <font>	g	<font face="Wingdings">t <font>	t
<font face="Wingdings">h<font>	g	<font face="Wingdings">u <font>	u
<font face="Wingdings">i <font>	h	<font face="Wingdings">v <font>	v
<font face="Wingdings">j <font>	j	<font face="Wingdings">w <font>	w
<font face="Wingdings">k <font>	k	<font face="Wingdings">x <font>	x
<font face="Wingdings">l <font>	l	<font face="Wingdings">y<font>	y
<font face="Wingdings">m <font>	m	<font face="Wingdings">z<font>	z

3 、<font face="Wingdings">ABCDEFGHIJKLMNOPQRSTUVWXYZ<font>： ABCDEFGHIJKLMNOPQRSTUVWXYZ
代码	示例	代码	示例
<font face="Wingdings">A <font>	A	<font face="Wingdings">N <font>	N
<font face="Wingdings">B <font>	B	<font face="Wingdings">O <font>	O
<font face="Wingdings">C <font>	C	<font face="Wingdings">P <font>	P
<font face="Wingdings">D <font>	D	<font face="Wingdings">Q <font>	Q
<font face="Wingdings">E <font>	E	<font face="Wingdings">R <font>	R
<font face="Wingdings">F <font>	F	<font face="Wingdings">S <font>	S
<font face="Wingdings">G <font>	G	<font face="Wingdings">T <font>	T
<font face="Wingdings">H <font>	H	<font face="Wingdings">U <font>	U
<font face="Wingdings">I <font>	I	<font face="Wingdings">V <font>	V
<font face="Wingdings">J <font>	J	<font face="Wingdings">W <font>	W
<font face="Wingdings">K <font>	K	<font face="Wingdings">X <font>	X
<font face="Wingdings">L <font>	L	<font face="Wingdings">Y <font>	Y
<font face="Wingdings">M <font>	M	<font face="Wingdings">Z <font>	Z

4：<font face="Wingdings">, . / ' [ ] \ \ = - < > ? : \ " { } \| + _ ) ( * & ^ % $ # @ ! ` ~ </font>： , . / ' [ ] \ \ = - < > ? : \ " { } \| + _ ) ( * & ^ % $ # @ ! ` ~
代码	示例	代码	示例
<font face="Wingdings">, <font>	,	<font face="Wingdings">{ <font>	{
<font face="Wingdings"> . <font>	.	<font face="Wingdings">} <font>	}
<font face="Wingdings"> / <font>	/	<font face="Wingdings">\| <font>	\|
<font face="Wingdings"> ' <font>	'	<font face="Wingdings">+ <font>	+
<font face="Wingdings"> [ <font>	[	<font face="Wingdings">_ <font>	_
<font face="Wingdings"> ] <font>	]	<font face="Wingdings">) <font>	)
<font face="Wingdings"> \ <font>	\	<font face="Wingdings">( <font>	(
<font face="Wingdings">= <font>	=	<font face="Wingdings">* <font>	*
<font face="Wingdings"> - <font>	-	<font face="Wingdings">&amp <font>	&
<font face="Wingdings">&lt <font>	<	<font face="Wingdings">^ <font>	^
<font face="Wingdings">&gt <font>	>	<font face="Wingdings">% <font>	%
<font face="Wingdings">; <font>	;	<font face="Wingdings">$ <font>	$
<font face="Wingdings">? <font>	?	<font face="Wingdings"># <font>	#
<font face="Wingdings">: <font>	:	<font face="Wingdings">@ <font>	@
<font face="Wingdings">\ <font>	\	<font face="Wingdings">! <font>	!
<font face="Wingdings">" <font>	"	<font face="Wingdings">` <font>	`
<font face="Wingdings">— <font>	—	<font face="Wingdings">~ <font>	~

欢迎光临启野博客！

欢迎光临我的博客

评论这张

转发至微博

阅读(4752)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094068087086082071092080082095083084084067083083082065',
              blogTitle:'HTML文字代码——wingdings 字体',
              blogAbstract:'   <TABLE border=\"8\" cellSpacing=\"3\" borderColor=\"#003333\" cellPadding=\"0\" width=\"100%\"  align=\"center\" height=\"211\" \>  <TBODY\>  <TR\>  <TD height=\"184\" vAlign=\"top\" \>  <TABLE border=\"1\" cellSpacing=\"2\" borderColor=\"#003333\" cellPadding=\"0\" width=\"100%\"  align=\"center\" height=\"211\" \>  <TBODY\>  <TR\>  <TD height=\"184\" vAlign=\"top\" \>  <TABLE border=\"0\" width=\"100%\"  \>  <TBODY\>  <TR\>  <TD height=\"290\" background=\"http://img31.bimg.126.net/photo/l16DweXT0cnHH73Rk-QaNQ==/5711971702390492305.jpg\" width=\"500\" \>  <BLOCKQUOTE style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" \>  <BLOCKQUOTE style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" \>  <BLOCKQUOTE style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" \>  <BLOCKQUOTE style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" \>  <BLOCKQUOTE style=\"MARGIN-RIGHT: 0px;\"  dir=\"ltr\" \>  <DIV align=\"left\" \>  </DIV\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'html',
              blogUrl:'blog/static/72507542201127111021317',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1329402451424,
              publishTime:1299948660444,
              permalink:'blog/static/72507542201127111021317',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:1,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'B型天秤座',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/72507542201127111021317">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

启野的博客

导航

日志

HTML文字代码——wingdings 字体

历史上的今天

最近读者

热度

评论

页脚