用图案字型美化网页
时间:2007-02-17 来源:PHP爱好者
G 通常网页中会设置一些图档以便美化它,但是过多的图档会将网页载入的速度降低,因此在一些以文字为主的页面可能会尽量少用图档,但是却又会让画面看起来过於单调,红雪网页在这里提供一个方法给大家参考一下,那就是利用图案字型档的图形字元来装饰网页,例如使用 * 或 , 来代替信箱的标示,或是在档案下载的位置放置 <图案来表示下载的连结,因为这些都是向量字型,所以放大後也不易失真,而且是由使用者的磁碟上载入的,所以速度极快。
A 以下是 Windows 系统的 Wingdings 字型列表,虽然其它的字码 (128 ̄255) 在 IE 浏览器可正常显示,但是在 NN 浏览器上却无法正常的显示出来 (又是一项 NetScape 让人失望的地方),因此表内仅列出 ASCII Code 033 ̄127 的字码,以便於使用 IE 及 NN 两种浏览器时均可正确观看的字型,原本打算列出其它亦为图案造型的多个字型档,但是也因为 NN 无法正确显示而予以作罢。
B 表格内墨绿色的是字码编号,其下则是相对应的字型,为了让您看起来不要太费劲,字型是以 36pt 的规格放大显示的,本表仅供您参考之用,当您要使用这些图形字元在您的网页上时,请按照 <FONT FACE=Wingdings>&#nn;</FONT> 的方式做设定,当然啦!其它有关 COLOR、SIZE....等参数也是可以一并设定的,重点是字型要设为 Wingdings,而且欲显示的字元先使用 &# 前导,再接著输入该字元的十进位 ASCII 内码 (表格内墨绿色的字码编号),例如参照下表电话图案的编码为 40,欲以红色显示该图案时可设定成 <FONT COLOR=#FF0000 FACE=Wingdings>(</FONT>,本页面就使用了蛮多不同的方式来设定,其它的技巧就留待给您自己慢慢玩罗!
非常全面的一个php技术网站,php爱好者站 http://www.phpfans.net 有相当丰富的文章和源代码.
A 以下是 Windows 系统的 Wingdings 字型列表,虽然其它的字码 (128 ̄255) 在 IE 浏览器可正常显示,但是在 NN 浏览器上却无法正常的显示出来 (又是一项 NetScape 让人失望的地方),因此表内仅列出 ASCII Code 033 ̄127 的字码,以便於使用 IE 及 NN 两种浏览器时均可正确观看的字型,原本打算列出其它亦为图案造型的多个字型档,但是也因为 NN 无法正确显示而予以作罢。
B 表格内墨绿色的是字码编号,其下则是相对应的字型,为了让您看起来不要太费劲,字型是以 36pt 的规格放大显示的,本表仅供您参考之用,当您要使用这些图形字元在您的网页上时,请按照 <FONT FACE=Wingdings>&#nn;</FONT> 的方式做设定,当然啦!其它有关 COLOR、SIZE....等参数也是可以一并设定的,重点是字型要设为 Wingdings,而且欲显示的字元先使用 &# 前导,再接著输入该字元的十进位 ASCII 内码 (表格内墨绿色的字码编号),例如参照下表电话图案的编码为 40,欲以红色显示该图案时可设定成 <FONT COLOR=#FF0000 FACE=Wingdings>(</FONT>,本页面就使用了蛮多不同的方式来设定,其它的技巧就留待给您自己慢慢玩罗!
非常全面的一个php技术网站,php爱好者站 http://www.phpfans.net 有相当丰富的文章和源代码.
相关阅读 更多 +