矢量图标浅解
-
矢量图：根据几何特性来绘制图形。它的特点是放大后图像不会是真，和分辨率无关
-
位图：是由称作像素（图片像素）的单个点组成的，放大后，会变成马赛克
矢量图标引用
矢量图标和字体的用法一样
font-class 引用
font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。
与 Unicode 使用方式相比，具有如下特点：
兼容性良好，支持 IE8+，及所有现代浏览器。
相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
不过因为本质上还是使用的字体，所以多色图标还是不支持的。
使用步骤如下：
第一步：引入项目下面生成的 fontclass 代码：
< link rel=“stylesheet” href="./iconfont.css">
第二步：挑选相应图标并获取类名，应用于页面：
< span class=“iconfont icon-xxx”>< /span>
" iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 “iconfont”。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
<link rel="stylesheet" href="../img/font_51zxw/iconfont.css">
<style type
最低0.47元/天 解锁文章
911
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
