zoukankan      html  css  js  c++  java
  • 如何添加网站标签栏的图标和使用字体图标

    其实很简单,我是闲的无聊来敲敲字= =

    只需要一行代码:

    <link rel="shortcut icon" href="favicon.ico"/>

    那个图片其实就是个icon图标,随便到一个icon网站上下载个就行;

    下面推荐3个icon字体图标网站:

    1、http://www.iconfont.cn/(这是阿里云的字体图标,我平常就用的这个)

    2、http://fontello.com/ 

    3、https://icomoon.io/app/#/select (上面2个网站是很有名的字体库)

    至于使用方法嘛,以第一个链接为例子;

    首先你选择你要下载的添加入库;在点库里的下载代码,就一个压缩包下载下来了;

    解压发现有很多文件,有几个网页是dome,方便你移入和看下载的东西;那么如何引入到html中勒?

    新建fonts文件夹,放入解压4个文件,拓展名分别为.eot/.ttf/.woff/.svg;然后在js里引入iconfont.css;

    至于怎么使用?看下面的代码

    <i class="icon icon-jiankuohaocudaxia"></i>

    这就引入了;看效果就能看到了;还有其他引入方法,去看那几个dome网页吧!

  • 相关阅读:
    无缝轮播图
    瀑布流之ajax
    进阶版轮播图
    桌面特效
    3D模型文字动画
    Razor 常用方法
    easyui常用
    C#
    Redis设置记录
    日志三剑客ELK
  • 原文地址:https://www.cnblogs.com/lqzweb/p/6497831.html
Copyright © 2011-2022 走看看