html加载自定义字体。

所用插件。

http://cufon.shoqolate.com/generate/

一、

引入插件。

<script type="text/javascript" src="${pageContext.request.contextPath}/js/ttf/cufon-yui.js"></script>

二、把TTF上传至他官网上转换为独有的格式。然后再下载引入。

<script type="text/javascript" src="${pageContext.request.contextPath}/js/ttf/_400.font.js"></script>

三、然后写一行html做测试。

<div id="showdata" class="treecontent">
	教室前台===课件浏览
	<h1>
	测试字体。。。
	</h1>
	</div>

四、然后引入js代码。

<script type="text/javascript">
    Cufon.replace(".treecontent");
    Cufon.set("fontSize","66px");
    Cufon.set("color","red");
</script>

成功啦。