xfl
0.0.1
中文字型网路化。 依词频切割字型,并透过前端实作lazy loading。 无需后端程式支援。
此专案使用nodejs, 请先安装nodejs 与npm ,并利用npm install 建利node_modules 目录。 参考指令:
curl -sL https://deb.nodesource.com/setup_8.x | sudo bash -
npm install
将欲转换的字型整理至fonts/ 目录,目录结构不拘。程式会自动扫出所有字型档。
准备字型档word-frequency.csv
执行转换程式compile.sh
字型档输出于assets/ 目录.
基本使用方式:
xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
font.sync(stringToDisplay);
})
根据即时内容动态载入字型的范例:
/* assume we have "textarea" variable to be an input box accepting user input */
xfl.load("http://path/to/scattered/font/folder/", options, function(font) {
textarea.addEventListener("keyup", function() {
font.sync(textarea.value);
});
})
若你没有打算自干字型档,可以使用我们透过Github Pages 准备的一组字型档,专案库的位置在这里,欲使用则可以透过这个网址:http://plotdb.github.io/xl-fontset/alpha/<字型名称>,例如:
xfl.load("http://plotdb.github.io/xl-fontset/alpha/瀨戶字体", function(font) { ...
请自行将「<字型名称>」换成欲使用的字型即可。目前支援的字型一览可在这里找到,包括王汉宗42 字型、刻石录、站酷、cwText-Q、濑户字体等共57 种字型。
要注意的是目前字型档转换时仍有些问题,可能因此导致部份字型有缺字状况。此外并非所有字型都包含了完整的中文字,请自行斟酌使用。
Options: