通過第三方封裝JS腳本 typeface.js ,可以在網頁中嵌入特殊字體,從而不必把文字轉成圖片了。
使用方法:
首先,向設計師索要操作系統中不存在的字體,而設計稿中又出現的字體。
接着,去 typeface.js 官網的字體轉換生成頁,將設計師索要的字體上傳並轉換成一個 JS 文件然后在下載。
在接着,到下載頁面下載 typeface.js 文件
然后,具體實例請看如下代碼:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Using typeface.js</title>
<script type="text/javascript" src="typeface-0.14.js"></script>
<script type="text/javascript" src="helvetiker_regular.typeface.js"></script>
</head>
<body>
<!-- 使用自定義字體的標簽必須添加 typeface-js 類名。
然后寫入字體名稱如實例中的 helvetiker
字體名稱就是特殊字體轉換成的 JS 文件名的前綴,
例如實例中的 helvetiker_regular.typeface.js 字體名稱即為 helvetiker
注:每種特殊字體生成的 JS 文件名的前綴都是不一樣的,都是該種字體的名稱。-->
<div class="typeface-js" style="font-family: helvetiker"> Text here in Helvetiker font... </div>
</body>
</html>