Web培训
400-996-5531
Photoshop图形字体插件iconfont
- 发布：Web前端培训
- 来源：网络
- 时间：2015-06-08 18:30
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、打开字体图标网站（#或 font.isux.us）；
2、定制需要的图标字体，并自定义编码（0xfd00-0xffff，如下为辅助代码，可以请前端开发同学在开发面板中运行）。
1、大量开源授权矢量图标字体可供选择，并且可以自己安装字体；
2、使用图标字体，与CSS无缝衔接，网页前端开发无需导出设计稿图标，引入图标字体文件即可。
安装：
1、点击链接下载安装文件并解压；
2、关闭Photoshop，首先尝试运行iconfont.zxp（如果安装了adobe套装软件则会成功），如果运行失败，将iconfont文件夹copy到 Photoshop安装目录\Plug-ins\Panels\；
3、启动Photoshop，点击 窗口 > 扩展功能 > iconfont，即可打开插件面板；
4、导入字体图标。如下图所示：
使用：
1、创建新文档；
2、刷新iconfont面板（两次双击插件页卡，如下图红框所示）
*自定义图标字体（一般性应用无需关注）：
1、打开字体图标网站（#或 font.isux.us）；
2、定制需要的图标字体，并自定义编码（0xfd00-0xffff，如下为辅助代码，可以请前端开发同学在开发面板中运行）。
预约申请免费试听课
填写下面表单即可预约申请免费试听！ 怕学不会？助教全程陪读，随时解惑！担心就业？一地学习，可全国推荐就业！
上一篇：设计师常见的五个设计误区
下一篇：将成为明日主流的7大网页设计趋势
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 
京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有