In CSS, the @font-face statement can specify a custom font file for the webpage text to be rendered. Web fonts can make web page rendering no longer limited to the fonts installed by the client, and make the page presentation more colorful. However, unlike languages based on alphabet system, Chinese language seldom uses Web fonts in Chinese environment because of its various glyphs and huge font files. The more common application is font icon, such as IconFont.

Ali has a Chinese font subset tool:

Iconfont-webfont platform

Its principle is to cut the font file and select only the single font used to generate an ultra-thin version of the font file. This makes it possible to use Web fonts in Chinese environment.

However, our goal cannot stop there.

In the font file, there is a mapping table, which stores the Unicode encoding of characters and the mapping relationship of glyphs. On the basis of font subset, Grain Rain Street has added the function of custom font mapping table. In this way, we can map the Unicode encoding of the word "A" to the font of the word "B". When this custom font is used in a webpage, all the words "a" appearing in the webpage will be displayed as "b".

Online trial:

Online Tool-Grain Rain Decodes Characters?

The purpose of "Grain Rain Festival":

Grain Rain Street also provides an API interface:

Open interface-Grain Rain decoding

Is a Chrome browser extension program, which is a simple application of "Grain Rain Festival".

The Chrome browser extension of chilling-Grain Rain Street