Iocfont Web page icon font and how to use it

The use of icon font in Web design is a very new thing, using the icon font can bring us some convenience, such as mobile device, retina screen effect display, compatible with Ie6/7 browser and can arbitrarily enlarge the icon to zoom out, these are very good. Popular online font customization site has Fontello and Icomoon, both online tools are very good, built-in icons are also very much open icomoon APP Font Customization page, then you will see hundreds of commonly used icons, here is not recommended to select all, Choose just a few you need, then click the "Font" button at the bottom –> click "Download" to download the font

Likes to own original, of course also can drop, prepare tool: FontLab, Adobe Illustrator.

1. FontLab:
Make the icon font directly on the FontLab and click on Fire (file) –> export –> EPS format when finished.

2. AI:
Open the EPS that you just exported and save it as an SVG format.

3.iconMoon APP
Click on the Import Icons button on the Icomoon app page to support multiple selections, then download and use the method as above!

Tips:fontlab and AI the path of the two tools can be copied to each other, oh, so we use AI to make icon convenient, and then copied to the FontLab, it is necessary to note that the AI inside the path of a larger copy into the FontLab, otherwise prone to deformation.

Http://sc.chinaz.com/info/130228237055.htm This address is an introduction address

Https://icomoon.io/app/#/select icon Making address

Iocfont Web page icon font and how to use it