启野的博客

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

日志

关于我

启野

B型天秤座

文章分类

HTML文字代码——Webdings 字体

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

下载LOFTER 我的照片书 |

HTML

Webdings 字体

Webdings 字体博文简介

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

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

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

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

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

欢迎光临启野博客！

欢迎光临我的博客

评论这张

转发至微博

阅读(3629)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_094068087086082071080084094095083084084067083083082065',
              blogTitle:'HTML文字代码——Webdings 字体',
              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/72507542201127102925448',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1329402327993,
              publishTime:1299948578776,
              permalink:'blog/static/72507542201127102925448',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              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/72507542201127102925448">${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文字代码——Webdings 字体

历史上的今天

最近读者

热度

评论

页脚