• 技术文章 >web前端 >html教程

    在线引用font awesome字体图标

    高洛峰高洛峰2016-11-01 13:22:11原创1136
    1.在HTML页面标签里添加如下link链接

    2.在页面中用标签加class类名方式呈现对应的iconfonts;

    3.根据图标选择的不同,class中的也不同,选择要调用的图标,单击就会有相应的代码。想修改样式可以直接调用类名用改变字体的方法改变图标样式。

    .fa{
        font-size: 20px;
        color: #2c3e50;    
    }

    4.更多的图标:http://www.fontawesome.com.cn/faicons/#webapp-icons

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML
    上一篇:web前端及HTML语义化的理解 下一篇:HTML列表元素
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• html实现跳转_html/css_WEB-ITnose• ExtJs教程15• Axure做注册模块的一些小操作_html/css_WEB-ITnose• html +CSS+div学习――第二课_html/css_WEB-ITnose• css优先机制_html/css_WEB-ITnose
    1/1

    PHP中文网