How does iconfont add a new font icon?

Because the new function of the project needs to add a new iconfont icon, but because I don’t know where all the original iconfont files are located, the project cannot be re-downloaded as a whole, so I have to add a new icon separately.

See screenshots for specific steps.

1----Find the corresponding icon to be added on the iconfont official website (logout data)
insert image description here
2----Add to the library
insert image description here
3----Modify the name of the new icon file downloaded to the local (must be changed to a name different from the previous project file) 4----Copy the modified new icon file
insert image description here
(4) @font-face corresponding to the icon to the project
insert image description here
5----Use the icon's class name or _unicode code to realize the use of the newly added icon.
insert image description here
6----The first icon in the picture below is the newly added icon
insert image description here

Guess you like

Origin blog.csdn.net/Selina_lxh/article/details/129010568