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

图形

把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 全部选择 提示：你可先修改部分代码，再按运行]

时间： 2024-10-30 23:41:30

奇妙的文字图形 font-family的非常用途的相关文章

Word快捷键手册：编辑移动文字图形的快捷键

Word快捷键都有哪些?恐怕您目前所掌握的Ctrl+B.Ctrl+E这类的最普通应用只是其中很小一部分. 今天介绍编辑移动文字和图形使用的快捷键. >删除文字和图形 BackSpace 删除左侧的一个字符. Ctrl+BackSpace 删除左侧的一个单词. Delete 删除右侧的一个字符. Ctrl+Delete 删除右侧的一个单词. Ctrl+X 将所选文字剪切到" Office 剪贴板". Ctrl+Z 撤消上一步操作. Ctrl+F3 剪切至"图文场"

CSS初级入门：文字的属性

css 文字属性 文字属性是可以设置文字的颜色.大小.字型.粗细等等. 原始代码 <STYLE>SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}SPAN.c2 {color:blue}SPAN.c3 {color:green}SPAN.c4 {color:pink}</STYLE> <SPAN CLASS=c1>A</SPAN><

学习CSS使用技巧教程(6)文字属性

css|技巧|教程 上一节:自定义类别 文字属性 文字属性是可以设置文字的颜色.大小.字型.粗细等等. 原始代码 <STYLE>SPAN.c1 {color:red;position:relative;font-size:12px;font-family:Arial;font-weight:700}SPAN.c2 {color:blue}SPAN.c3 {color:green}SPAN.c4 {color:pink}</STYLE> <SPAN CLASS=c1>A&

Flash制作描边立体文字

描边立体文字制作,主要方法是利用图形线条描边产生描边文字再位移成立体感描边文字,最终效果如图1-1所示. 图1-1 描边立体文字 (1)在制作描边立体字之前,我们先要学会如果制作Flash描边文字.使用菜单"文件/新建"新建一个空白文档.在工具箱选用 铅笔工具,在舞台上输入"Flash"四个字,并把属性设置为"ArialBlack",字体为96像素,颜色为"#FFFFCC". 把文字打散,再新建四个图层分别把文字原样复制到四个

CSS2书写顺序包括位置属性、自身属性、文字系列

  1.位置属性(display, float, position, top, right, z-index, visibility,clear,list-style等) 2.自身属性(width, height,line-height, margin, padding, border, overflow, min-width等) 3.文字系列(font, color, text-align, text-decoration, vertical-align, white-space, lette

thinkphp做文字水印，并解决call an undefined function exif_imagetype()

thinkphp做文字水印 ,今天做一个电子请帖,就把祝福语贴到图片上面,发现一直报错是取不到图片类型,比如gif,jpg等,今天就写一个水印类并并解决call an undefined function exif_imagetype(),出现这个错误就是php.in 配置问题,打开即可:打开扩展 extension=php_exif.dll 如果再不行就把extension=php_mbstring.dll ,放到extension=php_exif.dll前边 注意:extension=ph

ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法_php实例

本文实例讲述了ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法.分享给大家供大家参考.具体如下: 一.问题描述: ThinkPHP做文字水印 ,今天做一个电子请帖,就把祝福语贴到图片上面,发现一直报错是取不到图片类型,比如gif,jpg等,并提示call an undefined function exif_imagetype(). 二.解决方法: 出现这个错误就是php.in 配置问题,打开即可:打开扩展 exten

使用Dreamweaver插件制作滚动文字效果

插件名称:Marquee功能:制作滚动文字.大家一定对Frontpage中的大屏幕文字记忆犹新吧,嘿嘿有了这个插件Dreamweavr也-- 操作范例:1.在对象面板中选择 按钮.2.系统弹出对话框.选择相应的参数即可. Text:滚动效果的文字. Font:文字的效果Size:字体大小 Font Color 文字颜色 BG Color背景颜色. Direction 运动方向 Left朝左 Right朝右 Speed 运动速度.Delay 延迟 Amount移动速度 Behavior运动方式 S

打字机打彩色文字

提示:您可以先修改部分代码再运行 <DIV class=ttl1 id=ttl0><SPAN class=ttl1></SPAN></DIV>  <SCRIPT language="JavaScript"> <!-- var layers = document.layers, style = document.all, both = layers || style, idme=908601; if (layers) {