目标:使用字体图标技巧实现网页中简洁的图标效果
字体图标:
字体图标展示的是图标,本质是字体。
处理简单的、颜色单一的小图标
字体图标的优点:
灵活性 :灵活地修改样式,例如:尺寸、颜色等轻量级 :体积小、渲染快、降低服务器请求次数兼容性 :几乎兼容所有主流浏览器使用 方便 .
图标库:
使用方法
步骤1: 复制相关文件到本地目录下,并引入字体图标css文件。
步骤2: 标签使用字体图标。
字体图标:
字体图标展示的是图标,本质是字体。
处理简单的、颜色单一的小图标
字体图标的优点:
灵活性 :灵活地修改样式,例如:尺寸、颜色等轻量级 :体积小、渲染快、降低服务器请求次数兼容性 :几乎兼容所有主流浏览器使用 方便 .
图标库:
使用方法
步骤1: 复制相关文件到本地目录下,并引入字体图标css文件。
步骤2: 标签使用字体图标。