文字替换技术
虽然“核心网站字体”可以产生连贯的、平台独立的版式,一些设计师在提供一些非常规的设计方案时,倾向于使用不常见的字体。不同的文本替换技术可以把纯文本替换成嵌入了所选字体的图片或动画 ,并把它展示给用户——特别是当客户电脑中并没有这些字体的时候。这些技术通常依赖于客户端的JavaScript 支持或服务器端的脚本来现场生成嵌入字体的图片文件,同时它们确保内容对大多数用户而言是容易获取并便于阅读的。
总体来说,这里有四类文本替换方案。 广州网站建设,网站建设,广州网页设计,广州网站设计
静态图片替换。这种技术设计师仅仅把要替换的文本替换成一个嵌入文中的图片,同时保持内容对SEO 的友好性。Radu、Phark 和Malarkey 图片替换法推荐使用大的外边距、字母空隙和文本缩进,相应地,隐藏文字并使用背景属性来显示替代图片。注意,为文本内容(不使用上文描述的图片替换技术)使用一个img 元素会破坏基于语义的HTML 标记,因此应该避免。
动态图片替换。这种技术超越了静态图片替换,能够通过JavaScript(客户端)或PHP(服务器端)自动生成图片。设计师把字体文件上传到服务器上,服务器上的脚本将使用它生成图片并替换文本。使用这种方法的技术包括Scalable Inline Image、Replacement、Dynamic Text Replacement、 Facelift Image Replacement 和Scalable Jens Image Replacement。
动态影片替换。这种技术依赖于包含嵌入字体的Flash 影片。这些影片在文本需要替换的时候会播放出来(比如使用,sIFR)。这种技术的优点在于,文本可以被选择并被复制。然而,这种技术增加了页面载入的时间,并且要求用户浏览器必须同时支持JavaScript 和Flash。如果不考虑这些使用上的严重局限,sIFR 可能是最受欢迎的网站文本替换技术,因为,它有大量的插件和第三方应用程序。
![]() |
|
使用中的sIFR(Scalable Inman FlashReplacement): Meta Pro Book 嵌入了一个Flash 影片。 |
![]() |
| Dave Shea 对Cufón的使用:正文更加雅致,阅读起来更加舒服。 |
动态画布或VML 替换。这种技术包含两个独立的部分:字体生成器,它会通过使用VML 和转换引擎(比如Cufón1 ,是一种不需要任何插件,具有跨浏览器的兼容性,并且快得无与伦比的技术)把字体转化成专用格式的文件。这种技术的优势是用户可以选择并复制整个页面的文本,而不必特别选择被替换的文本,sIFR 和其他技术是做不到这一点的。另一个例子是Typeface.js。
不管你选择什么技术,即使用户的电脑中没有安装Flash和JavaScript 或在他们的浏览器中不可用,也要确保可以获取内容并且可读。静态图片替换的主要问题是获取性问题。动态替换技术通常会增加服务器载荷,所以有的时候需要一些缓存。Cufón 和sIFR 仍然是最近越来越流行的技术;Cufón 通常要比sIFR 更受欢迎,因为它的跨平台兼容性,并且它属于轻量级技术,虽然它的配置不像sIFR 那样灵活。





