在CSS中,通過@font-face語句可以為網頁文字指定壹個自定義的字體文件進行渲染。Web Font 可以讓網頁渲染不再局限於客戶端安裝的字體,讓頁面呈現更加豐富多彩。然而,和使用基於字母系統的語言不同,中文語言由於字形繁多,字體文件相當龐大,所以在中文環境中,很少有使用到 Web Font,更常見的應用是IconFont壹類的字體圖標。
阿裏有壹款中文字體子集化工具:
Iconfont-webfont平臺
其原理就是對字體文件剪裁操作,只選取用到的個別字形,並生成壹個瘦身版的字體文件。這使得在中文環境裏使用 Web Font 成為可能。
然而,我們的目標並不能止步於此。
字體文件中,存在壹個映射表,保存了字符的 Unicode 編碼和字形的映射關系。「 谷雨解字 」在字體子集化的基礎上,增加了自定義字體映射表的功能。這樣,我們可以把“甲”字的 Unicode 編碼映射到“乙”字的字形上,當網頁使用了這個自定義的字體,那麽頁面中出現的所有“甲”字都會顯示成“乙”字的樣子。
在線試用:
在線工具 - 谷雨解字?
「谷雨解字」的用途:
「谷雨解字」還提供壹個 API 接口:
開放接口 - 谷雨解字
是壹款 Chrome 瀏覽器擴展程序,是「 谷雨解字 」的簡單應用。
「寒蟬」Chrome瀏覽器擴展程序 - 谷雨解字