动态文字替换【Dynamic Text Replacement】

记得W3CN有篇文章是介绍《如何以及何时使用sIFR》,使用sIFR可以实现在客户端显示客户端所没有的字体,前几天在网上有看到一篇文章是介绍利用PHP和CSS来实现同样的效果,而且使用的方法是很简单的。

原文的标题是《Dynamic Text Replacement》,我自己将之翻译成中文:动态文字替换,不知道这样翻译对不对呢,当然照常,先看看效果如何,下面是我自己做的一个demo:

Demo地址:http://blog.ivane.me/demo/dtr/

怎样?效果不错吧?可以将N多字体效果显示到用户客户端上,当然,这个东东目前只支持以下的CSS:

font-familyfont-size (in points)colorbackground-colora:hovertext-decoration: underlinetext-transform: uppercase/lowercase不久后将支持的属性:text-alignfont-weightletter-spacingline-height

当然这个东东也有以下的特点:

通过XHTML和CSS的验证 【嗯,满足了很多人的愿望】样式都在一个CSS文件里不需要依靠如何插件或者组件(不像sIFR那样还要依赖有版权的Flash)使用是非常的容易的嗯,这很重要,这个东东是免费的~

最后就是使用方法:

首先下载这个只有40k的压缩包并解压。将解压后的文件放到你要运行的文件夹里,具体的看Readme.txt打开 headings.css 样式设置你要显示的字体,字体的颜色,大小等……复制你要显示的字体到DTR文件夹将所有文件上传到服务器上,并确保里面的cache文件夹是具有可读属性的

最后说一下我的使用感受,这东东是很简单,很实用的,现在很多大型网站例如新闻网站首页的大标题是利用生成图片的,这样客户端就能显示客户端所没有的字体了,而且生成的图片是没有a:hover效果的,那么使用这种东东就可以让生成的图片跟普通的文字是一样的。

说点坏的,不支持中文,也许是我笨吧,到现在还没有试出来,就算是设置成中文字体的英文名,也是一样,不能够显示,所以如果有高人能利用这个东东显示中文的话,不妨告知小弟我一声,让我长点见识,小弟我感谢不尽~

最最后想说的是:twitter最近热闹了许多,而且发觉到了twitter跟国内的类似饭否,jiwai,滔滔等的区别,我使用twitter更多的是做为一个微型博客,一个获取信息的渠道,这几天在twitter获到的信息还真不是一般的少,而且有用的信息还不是一般的好啊;而国内的这些所谓的微型博客,其实更像是个微型聊天室,或者是微型的IM聚合聊天室,将QQ,GTalk,MSN的用户集中一起,提供个聊天的发式,这点是国内跟twitter所不能相比的,也就是差异性。

终于想通了,想通了好,如果再有人问我为什么用E文的twitter,而不用超好用的饭否之类的国产twitter,我想我可以这样回答:我不想聊天,我只想获取信息~

动态文字替换【Dynamic Text Replacement】

相关文章:

你感兴趣的文章:

标签云: