iconfont项目怎么用，css中iconfont怎么用

10多年的安图网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站的优势是能够根据用户设备显示端的尺寸不同，自动调整安图建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“安图网站设计”,“安图网站推广”以来，每个客户项目都认真落实执行。

创新互联是一家专业提供南川企业网站建设,专注与成都网站设计、成都网站建设、HTML5、小程序制作等业务。
10年已为南川众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

本文目录一览

• 1，css中iconfont怎么用
• 2，设计师怎样使用iconfont
• 3，阿里巴巴 iconfont 怎么是正确的使用方式
• 4，如何将iconfont图标在web中使用
• 5，iconfont怎么在本地使用

1，css中iconfont怎么用

用css3的新属性 font-face 属性现将iconfont字体下载到本地，然后用font-face属性调用这个字体，之后在应用这个本地字体。

2，设计师怎样使用iconfont

1也可以选择去图标库自行选择想要的图标选择图标，点击图标变成橘色，即放在暂存架再次点击即可取消，或者在暂存架中鼠标滑过图标，图标右上角有删除小按钮也可删除选中

3，阿里巴巴 iconfont 怎么是正确的使用方式

图标的制作和上传可以参照官网给出的文档：page 1图标的下载和使用官网上说的不是很清楚，简单介绍下：1.首先在iconfont-阿里巴巴矢量图标库上面将你需要的图标点击购物车按钮加入“暂存架”

4，如何将iconfont图标在web中使用

可以在web使用，直接植入不能的话，用下载后上传

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

5，iconfont怎么在本地使用

nFont使用1、首先登录网站，搜索你要用的Icon，把它们加入购物车（点击就可以）。
2、把购物车里的所有Icon存储在同一个项目中。
3、进入项目，选择“下载至本地”。
4、打开下载的文件，里面有一个*.ttf文件，我们需要的所有字体就都在这里了。
5、把*.ttf文件放入项目，当使用时，把TextView（Android）或UILabel（IOS）的Font设置为加载*.ttf生成的自定义字体。这里有个问题，怎么指明我们要显示哪一个Icon呢？6、下载一个字体编辑软件，我在Mac上面使用的是FontLab Studio，打开*.

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