网页设计技巧：Cufón 是一种快速的字体替换方案

Cufón 是一种易于实现的 JavaScript 方案，允许网页设计师快速嵌入视觉引人注目的字体，为排版设计开辟新机遇。

每种媒介均有局限：印刷受尺寸、油墨及纸张限制；视频受分辨率制约；互联网则受带宽、屏幕尺寸及字体等因素影响。

计算机预装字体中，“Web 安全字体”虽能保证跨设备显示一致，但限制了自定义字体的应用。若需使用非通用字体，Cufón 提供了一种有效的替换方案。

什么是 Cufón？

Cufón 由芬兰网络专家 Simo Kinnunen 开发。其核心原理是将 TTF、OTF 等标准字体转换为 SVG 格式，再转为 VML（矢量标记语言），最终生成 JSON 与 JavaScript 函数。尽管流程看似复杂，但转换过程已完全自动化，操作简便。

转换完成后，渲染引擎会在页面绘制 VML 字形。简言之，Cufón 即指导浏览器如何绘制特定字符的工具，使设计师能突破系统字体限制，实现更丰富的视觉效果。

使用 Cufón

部署 Cufón 仅需四步：

1. 下载 cufon.yui.js 并上传至网站目录。
2. 将字体文件转换为专用格式并上传。（注意：务必确认拥有该字体的嵌入授权。）
3. 在页面中引入 cufon-yui.js 及转换后的字体文件。
4. 指定需应用字体的元素。示例代码如下：
   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="cufon-yui.js" type="text/javascript"></script>
<script src="Frutiger_LT_Std_400.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1');
</script>
</head>
<body>
<h1>This text will be shown in Frutiger LT Std.</h1>
</body>
</html>