码上欢乐
相关内容   简体   繁体

web前端之 CSS引入第三方插件

本文转载自  查看原文  2016-08-17 14:35  2261    web前端

引入第三方图标插件 - fontawesome

官网地址：http://fontawesome.io/

1、下载图标插件包

下载地址：https://codeload.github.com/FortAwesome/Font-Awesome/zip/master

2、解压压缩包

3、导入插件的css

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="Font-Awesome-master/Font-Awesome-master/css/font-awesome.css" />

</head>
<body>


</body>
</html>

4、引用图标代码

  • 找到显示小汽车图标的代码

  • 使用显示小汽车图标的代码

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" type="text/css" href="Font-Awesome-master/Font-Awesome-master/css/font-awesome.css" />

</head>
<body>

    <i class="fa fa-car" aria-hidden="true"></i> 

</body>
</html>

显示效果

  • 查看更多的例子


免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。



猜您在找 【分享】Web前端开发第三方插件大全 css引入第三方字体 ionic2 如何引入第三方cordova插件 nuxt引入第三方插件的方法 比如jQuery Vue 引入第三方js.css的方式 Vue引入第三方JavaScript库和如何创建自己的Vue插件 vue-cli项目中引入第三方插件 angular4,6 引入第三方插件的方法 webpack 引入jquery和第三方jquery插件 Vue 局部引入 jQuery 及依赖 jQuery 的第三方插件
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM