什么是图形字体插件iconfont？_惠州前端培训学校

什么是图形字体插件iconfont？很多想学前端的同学都会问这个问题，那么下面惠州北大青鸟老师给大家解答一下。

iconfont是一款为设计师开发的Photoshop图标字体插件。
1、大量开源授权矢量图标字体可供选择，并且可以自己安装字体；
2、使用图标字体，与CSS无缝衔接，网页前端开发无需导出设计稿图标，引入图标字体文件即可。 

安装：
1、点击链接下载安装文件并解压；
2、关闭Photoshop，首先尝试运行iconfont.zxp（如果安装了adobe套装软件则会成功），如果运行失败，将iconfont文件夹copy到 Photoshop安装目录\Plug-ins\Panels\；
3、启动Photoshop，点击 窗口 > 扩展功能 > iconfont，即可打开插件面板；
4、导入字体图标。如下图所示：

使用：
1、创建新文档；
2、刷新iconfont面板（两次双击插件页卡，如下图红框所示） 

*自定义图标字体（一般性应用无需关注）：
1、打开字体图标网站（fontello.com或 font.isux.us）；
2、定制需要的图标字体，并自定义编码（0xfd00-0xffff，如下为辅助代码，可以请前端开发同学在开发面板中运行）。

想了解更多关于前端的资讯，可以来惠州北大青鸟新方舟校区了解一下。

标签：惠州前端培训学校惠州前端基础惠州前端培训北大青鸟IT计算机学校北大青鸟IT软件学校前端北大青鸟IT学校惠州北大青鸟北大青鸟