iconfont怎么用在ps，如何将ICON图标格式的文件用photoshop打开

来源：整理时间：2023-07-19 13:11:16 编辑：航空兔素材手机版

本文目录一览

1，如何将ICON图标格式的文件用photoshop打开
2，ps图案像章工具如何使用啊
3，iconfont怎么用到ps里
4，如何让Iconfont作用到content伪类中

1，如何将ICON图标格式的文件用photoshop打开

右键打开方式~

如何将ICON图标格式的文件用photoshop打开

2，ps图案像章工具如何使用啊

在使用时需要按住键盘Alt键

可以用第一个工具〈即方框形那个，或者是圆形〉，选定了之后按复制快捷键再按粘帖快捷键！

ps图案像章工具如何使用啊

3，iconfont怎么用到ps里

使用icon font来生成图标相对于基于缉弧光旧叱搅癸些含氓图片的图标来说，有如下的好处： 1.自由的变化大小 2.自由的修改颜色 3.添加阴影效果 4.IE6也可以支持 5.支持图片图标的其它属性

如果是第一次操作要把下载的icon导入到PS中，则需要先鼠标右击icon，选择打开方式是Adobe Photoshop，这样icon就直接在PS中打开了；以后导入PS中的话，就直接将icon拖到PS中即可使用。

用link导入该iconfont.css文件。在你需要的地方比如

iconfont怎么用到ps里

4，如何让Iconfont作用到content伪类中

去bootcss网站上下载一个看一下就明白了，让别人讲你自己也要了解下。 .icon-cart:before { content: "\e623"; } 或 .icon-cart:after { content: "\e623"; } 都可以 \e623 就是对应的你要插入的那个字体图标的编号

制作的过程，首先需要我们的设计师给出icon的矢量图，我们需要在ps中将这个icon图层栅格化，之后保存为png24，再在fontcreator中通过图片导入到字体中，进行大小的调整（下面会给出字体制作各个值的用处，本人觉得比较重要的就是离左右的宽度以及离baseline的距离，最好一类icon的布局的一样的，这样也方便对齐），最后通过在线工具将字体文件转换成我们需要的多种格式。这是字体各个值的含义因为不同的浏览器所支持的字体问题时有差别的,因此我们需要将我们制作好的字体转换成多种格式,附上一个比较好的字体转换在线地址：fontsquirrel 我们转换的时候如果没有特殊需要，直接通过basic转换就可以！