一、iconfont的使用范围 在工作当中，经常会用到嵌在元素里的小图标 在这种情况下，如果使用<img>标签或者用作背景图片，也能实现这种效果。但是如果这么做的话，就必须把图片一个个切下来做成精灵图，过于麻烦。而且图标一般都会改变颜色形状，就要求一个图标制作多个状态的图。另外，背景图片还牵扯到ba ...
分类：
其他好文 时间：
2018-08-06 13:39:52
阅读次数：
193
前言 如果你在开发微信时，没有图标的话，可以到http://www.iconfont.cn/ 官方下使用图标，那么我们去使用一些吧，到官方网址下点击使用~ 下载代码即可使用，看看下载的文件吧。 如图可以用demo_fontclass.html下的例子。打开微信小程序开发工具。 接下来使用代码： 效果 ...
分类：
微信 时间：
2018-08-05 14:22:50
阅读次数：
193
前言 最近公司要开发一款电商小程序，匆忙看了一遍文档就开始干活了。整体开发体验个人感觉不太好，特别是如果之前习惯了Vue开发，突然去开发小程序，感觉很鸡肋。以下是我在开发中遇到的一些问题以及解决方法的总结，仅供参考 引入iconfont 在小程序中引入字体图标要比web麻烦一些，简单说需要三步： 1 ...
分类：
其他好文 时间：
2018-07-18 19:06:05
阅读次数：
804
一、 There are multiple modules with names that only differ in casing. 这个情况是如果多出引用的组件 有一个地方的引用地址的大小写肯定是写错了 检查一下 二、vue渲染iconfont的时候，用unicode，不能直接放在标签里面，要 ...
分类：
其他好文 时间：
2018-07-18 01:15:44
阅读次数：
360
http://findicons.com/ http://www.iconfont.cn/ ...
分类：
其他好文 时间：
2018-07-16 11:20:16
阅读次数：
200
如何在小程序中使用iconfont 1.添加入库 2.加入项目 3.下载ttf 4.进行base64处理，在这个平台https://transfonter.org/ 上转换一下格式为base64位。 5.使用 换成 ...
分类：
微信 时间：
2018-07-13 20:20:55
阅读次数：
724
npm install stylus --save npm install stylus-loader --save 移动端一般采用rem布局方式 Header组件里iconfont的使用和代码优化：在src/assets/styles目录下新建一个iconfont文件夹，把iconfont.css ...
分类：
其他好文 时间：
2018-07-11 01:00:31
阅读次数：
153
<template> <div class="share"> <div class="header"> <div class="top-content"> <span class="iconfont icon-fanhui1" @click="back"></span> <span>在线客服</sp ...
分类：
其他好文 时间：
2018-07-05 21:32:57
阅读次数：
782
介绍三种icon字体图标的方法 先选择想要使用的图标，加入购物车后添加到项目http://www.iconfont.cn/ Unicode方式 选择Unicode 生成并复制红框中的代码，然后在HTML中添加style，或者加入到CSS中，并将图标对应的Unicode码添加到相应的标签元素中，当然别 ...
分类：
其他好文 时间：
2018-07-04 01:19:39
阅读次数：
209
对于前端开发，图标是前端页面不可缺少的元素，他能更让前端页面更加丰富。前端页面的初期都是使用图片，对于小的图标使用图片拼成雪碧图不仅影响前端开发的效率，而且图片文件相对较大也会影响网页加载的速度。ionfont字体图标相较于图片他的优势就是文件大小极小，几百个图标才几十上百kb，但是换成图片可能已经 ...
分类：
其他好文 时间：
2018-07-02 00:10:31
阅读次数：
194
