Add a custom icon for the font file

Copyright: Should reprint, please contact the author. https://blog.csdn.net/ZYD45/article/details/89640490

In the front-end development, sometimes, fonts, icons are a kind of pull from iconfont site down. Pull down are svg, this time how to add font library that?

1. The original import svg file to iconmoon official website

Select the svg file, and import

2. To add additional fonts to the new icon svg file

Here the best new icon svg file, add to the end

3. Select the font created under the site

4. Download fonts

5. Verify that the font file

With a view studio font tool (in the annex, look at the installation ReadME.txt look at how to install), view the font file tff, if there is just an icon, while keeping in mind coding

6. Rename svg, ttf, woff file

The downloaded svg, ttf, woff rename the file and replace the original project of fonts package file ( that is, the first step in a folder in the file )

 

Guess you like

Origin blog.csdn.net/ZYD45/article/details/89640490