gyueh的博客

点击文字工具，输入文字内容并调整为合适的大小，例610px。点击椭圆工具画一个大小为900*900的圆。按住shift，选中字体和图形 —剪去顶层。上传iconfont图标库，打开网址。选中圆形–右键–建立复合路径。保存类型(SVG)—确定。选中字体—对象—扩展。

进入https://www.iconfont.cn/官网，搜索目标图标,图标类型为“单色图标”将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中4. 在小程序项目文件中建一个新的文件夹，命名为iconfont；5. 在iconfont文件夹下新建一个wxss文件，并命名为iconfont.wxss6. 回到iconfont网站，点击复制代码(j即:复制生成的CSS的链接地址)7. 打开浏览器，输入上一步骤中的链接地址8. 将网页中的内容复制到iconfont.wxs.

进入https://www.iconfont.cn/官网，搜索目标图标,图标类型为“单色图标”将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中打开目标项目，下载代码至本地(另外:下载Unicode格式)将下载的文件进行解压，解压后得到如图所示文件打开iconfont.css文件,删除文件中src属性的内容回到iconfont网站，点击复制代码将复制的代码写进@font-face中，如图：在小程序项目文件中建一个新的文件夹，命名..

原代码cover-view中使用iconfont彩色图标：图标在模拟器上正常显示，但是在真机上不显示<cover-view class="t-icon t-icon-ABC"></cover-view>解决方案如下：将cover-view标签改为view标签即可，其他部分不变<view class="t-icon t-icon-ABC"></view>...

进入https://www.iconfont.cn/官网将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中打开目标项目，下载代码至本地将下载的文件进行解压，命名为iconfontWindow+R打开控制面版，输入cmd—点击enter键切换到iconfont文件夹输入命令行：npm install -g iconfont-tools----点击enter键运行命令行： iconfont-tools----点击enter键出现如图所示的内容，按图示输入文件名即可打开ic.

进入https://www.iconfont.cn/官网，将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中打开目标项目，下载代码至本地将下载的文件进行解压，解压后如图在小程序文件中建一个新的文件夹，命名为iconfont；将步骤4中的文件放入小程序的iconfont文件夹中，将iconfont.css更名为iconfont.wxss7. 在小程序app.w...

进入https://www.iconfont.cn/官网将需要的图标添加到购物车，点击购物车将图标添加至相应的目标项目中打开目标项目，下载代码至本地将下载的文件进行解压，命名为iconfontWindow+R打开控制面版，输入cmd—点击enter键切换到iconfont文件夹输入命令行：npm install -g iconfont-tools----点击enter键输入命令行： iconfont-tools----点击enter键出现如图所示的内容..

先从iconfont网站下载项目文件，格式如图下载好的iconfont文件如图所示：将iconfont.css 文件放置在目标文件夹下，如图：回到iconfont网站，点击复制代码，只需要ttf格式的地址就行 src:url('//at.alicdn.com/t/font_1886313_rysdvk8iicr.ttf') format('truetype'); /* iOS 4.1- */打开项目中的iconfont.css文件,用复制的ttf格式的代码写进@font-fac.

下载iconfont图标时，要下载单色图标，防止后期在文件中不能修改图标颜色注意：当项目中使用iconfont图标时，在更新图标库后：当前项目中引用之前的图标时可以正常显示，而最新下载的图标不显示时，关闭当前项目重启环境并刷新页面即可。...

在颜色框内输入指定的16进制颜色色值，按enter键在尺寸框内输入指定的大小数值，按enter键点击下载，即可得到目标图标如图