Cufon 入门

1. 包含 Cufón 的 JavaScript 代码 和 Cufón 字体

<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/TitilliumMaps.font.js"></script>

2. HTML

普通标签

<h1>Business Solutions</h1>
<h2>Business Insurance</h2>

3. 告诉 Cufón 替换指定 CSS 选择器的字体

<script type="text/javascript">
    Cufon.replace('h1, h2', { fontFamily: 'TitilliumMaps26L', hover: true });
</script>

4. 在加载发生错误时添加 JavaScript 错误处理

function handleError() { return true; }
window.onerror = handleError;

5. CSS

字体颜色、大小和悬停颜色通过与 HTML 元素关联的 CSS 类进行控制。

h1 {
   font-size: 50px;
   color: red;
}