css社区

登录中心 | 用户注册 | 联系站长 | 加入收藏 | 设为首页

当前位置：css社区 >> css教程 >> css属性教程 >> 浏览文章

奇妙的文字图形 font-family属性的非常用途

作者：未知来源：css社区更新时间：2007年09月29日

把FONT-FAMILY属性值设置为Webdings时，对于不同的ASCII对象将会有怎样的字符显示呢，且看看（请使用以IE为内核的浏览器，其它浏览器的有效性并未验证）：

<p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">û</FONT></p> <p><FONT color="#000000" style="FONT-SIZE: 120pt; FONT-FAMILY: Webdings">€</FONT></p> <p><FONT color="#008000" style="FONT-SIZE: 120pt; FONT-FAMILY: Webdings">$</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">%</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">&</font></p> <p><FONT color="#666666" style="FONT-SIZE: 120pt; FONT-FAMILY: Webdings">'</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">(</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">)</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">*</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">+</FONT></p> <p><FONT color="#FF0000" style="FONT-SIZE: 120pt; FONT-FAMILY: Webdings">,</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">-</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">.</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">/</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">0</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">1</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">2</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">3</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">4</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">5</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">6</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">7</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">8</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">9</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">a</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">b</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">c</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">d</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">e</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">f</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">g</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">h</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">i</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">j</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">k</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">l</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">m</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">n</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">o</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">p</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">q</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">r</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">s</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">tu</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">v</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">w</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">x</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">y</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">z</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">A</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">B</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">C</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">D</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">E</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">F</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">G</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">H</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">I</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">J</FONT><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">K</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">L</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">M</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">L</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">O</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">PQRSD</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">UVWXYZ</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">~!@#$</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">%^&*(</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">)_+|</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">1234567890</FONT></p> <p><FONT style="FONT-SIZE: 120pt; COLOR: green; FONT-FAMILY: Webdings">`/.,;'[]</FONT></p>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

点击数：

Tags:css属性,属性教程

【发表评论】【告诉好友】【打印此文】【收藏此文】【关闭窗口】

上一篇：如何实现＜A＞标记中的Title属性换行问题

下一篇：没有了