Open Source Font pack reduction Font-spider

Recently, the company's products with Microsoft Ya Black, the defendant ~ Leadership requirements for product backend system must replace the font, the artist gave a song body, personally feel too ugly, on-line search some processing methods use

CSS Properties @font-face custom fonts, and finally decided to use the source Blackbody (Siyuan blackbody is an open source font announced by Adobe and Google, details of which are provided by Baidu,. ttf file Font-spider on GitHub).

Siyuan blackbody Chinese Font package unexpectedly have 10 m page loading speed is too slow, so on Baidu solution, search the word spider font-spider, very useful open source tool.

Here's a link: the http://font-spider.org/website and github have usage and code.

Record your own use process for later recall:

1: Install node. js; (I've installed my own machine, and I've simply played node before)

2:npm install font-spider -g    PS： 本机是Win7, 也有可能本机环境问题，需要安装一个font依赖包 以及python（记得配置环境变量）.

3: Next according to the steps of the site of the local new CSS files, HTML files, and our system is the JSP file needs to go, just our system has been internationalized, all the system needs all the text in the resource file, and then create a new HTML file will

All the characters in the resource file are copied in, haha is so convenient.

4: Last command line run Font-spider test.html, finished, font file only 100 kb, as a back-end management system can be completely.

On the last successful picture, haha OK, the end.

PS: But just play with their own, and finally useless to the system, I think if the static page with is still very good, but because the system backstage has a lot of new data, many fonts certainly did not pack into the inside, then there will be some font display different, a little awkward, but I think slowly update the font package also can not, Change the bug a few times, soon enriched, personal understanding.

But in the future to do static sites or something to use, write a blog to make a record, in order to recall later.

Open Source Font pack reduction Font-spider