使用Font Awesome替换你的网站图标(icons 图标)

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

    第一次使用 Font Awesome 发现相当的爽呀!它的图标很全,能够帮你节约时间去找图片。下面就来一起学习吧:

        1: 去官方网站下载解压 http://fontawesome.io/

        2: 解压后拷贝到你的项目中再引入到你的文件里面 如下: 

        3: 开始使用: 

        注意:    fa 是全局必须加入。

                     fa-trash-0  是你需要的图标类(相当于名字)参考地址: http://fontawesome.io/icons/。

                     fa-1g  控制大小用的 还有(fa-2x ,fa-3x,fa-4x,fa-5x)。

        效果:

        使用Font Awesome替换你的网站图标(icons 图标)_第1张图片

        代码:




	font icons test
    
	
    
        .danger{
            display: inline-block;
            width: 80px;
            height: 30px;
            text-align: center;
            background: brown;
            border-radius: 5px;
            font-size: 14px;
            line-height: 30px;
            text-decoration: none;
            color: white;
        }
    


    
    Delete
    
     Delete
     Delete
     Delete
    
    


        

转载于:https://my.oschina.net/leipeng/blog/210480

你可能感兴趣的:(使用Font Awesome替换你的网站图标(icons 图标))