今天给大家分享的是如何在网页标题中加入小图标
1.在html文件的head部分添加下面代码（注意href的路径）
<link rel="icon" type="image/x-icon" href="icon.ico" />你的图标格式最好是.ico格式的，手贱试了一下，发现png，jpg的格式都可以，而且浏览器会自动帮你把图片尺寸缩放到16*16。不过.ico格式体积要小很多，另外注意透明度的问题，jpg和bmp格式的图片会失去透明度，所以还是建议转一下。
2. 制作一个ico格式的图标，
为了兼容性考虑，使用的颜色不要超过16色，这里这个图标的命名要求必须为favicon.ico。把这个图标放到网站的根目录下就可以了，页面加载时浏览器会自动检索这个图标然后把它加到标题上。
关闭
Web 前端矢量小图标的使用方法
在写前端页面时，我们经常会用到一些小图标之类的图片，如果使用图片的话代码写起来比较麻烦，最近发现一个方便实用的方法，直接引用就可以了。
css图标库_css常用的矢量图标大全
这篇文章主要介绍前端常用的css图标库有哪些？比如：阿里巴巴矢量图标库Iconfont、Font Awesome、Cikonss、Glyph Icons、Simple Line Icons等等，使用css图标,可以通过样式对他进行设置字体颜色，大小等
Bootstrap图标
小图标icon是一个优秀Web中不可缺少的一部分，起到画龙点睛的效果。在Bootstrap框架中也为大家提供了250多个不同的icon图片。本文将详细介绍Bootstrap图标，Bootstrap框架中的图标都是字体图标
图标使用新姿势- react 按需引用 svg 的实现
图标是前端在业务开发中不得不写的一个东西，以我司的几个部门为例，每个组在写图标上都有不一样的方式：用户平台：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。
使用 node.js 从 iconfont.svg 文件中恢复单图标文件
阿里巴巴矢量图标库 （以下称iconfont）提供了方便的图标分享和管理功能。但是由于其图标项目独立于代码仓库，往往导致同一项目更换开发人员之后
html中为何经常使用<i>标签来作为小图标呢？
很多网站都是习惯使用<i></i>来代表小图标？而实际上用 <i> 元素做图标在语义上是不正确的（虽然看起来像 icon 的缩写），那么用<i>表示小icon，是出于好记的原因吗,还是看上去有点像icon?这样不是违背了语义化的原则吗?
利用伪元素:before和:after插入图标
如果你想在网页的某些文字前加图标或者想改变li元素默认的图标，你会如何做？本文价绍一种不用再额外添加html标签，存粹利用css就能插入或者自作图标的方式。
在Vue.JS中使用图标组件
本文对原文进行一次翻译，并从React开发者的角度简单地做了一些解读。此文不包含字体图标和SVG sprite。仅在此讨论允许用户按需导入的图标系统
字体图标的使用步骤
字体图标的优点：体积小，本质是字体，可以改变颜色，大小，背景等。UI人员设置svg格式交给前端人员；前端上传svg格式生成兼容性字体文件包；下载兼容性字体文件包到本地
font-awesome图标转为图片
font-awesome图标是字体，专业术语叫 Icon Font，本质上是使用 PUA （ Private Unicode Area ）码位 Unicode 编码的字符，所以font-awesome图标、Bootstrap 的图标和 Wingdings 字体都是一样的，不一样的无非是编码。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!