ICON插件

最新推荐文章于 2024-05-20 15:15:14 发布

weixin_33991727

最新推荐文章于 2024-05-20 15:15:14 发布

阅读量139

点赞数

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/beanxyz/1892546

设计页面的时候很多时候需要用到各种小图标，如果都需要加载图片的话会比较累，一个常见的方法是加载特殊的字体。这些特殊的字体符号可以从网上下载插件，比如 http://fontawesome.io/

下载解压之后就可以直接用了。

比如新创建一个目录，分门别类的创建好结构，在plugin里面放入下载的插件

接下来就是编辑我们的html文件。

<body>里面就可以直接调用了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="plugins/font-awesome-4.6.3/css/font-awesome.css" />
</head>
<body>
    <i style="color: red;" class="fa fa-star" aria-hidden="true"></i>
    <i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>
    <i class="fa fa-university" aria-hidden="true"></i>
</body>
</html>

具体调用的名字可以在网页上点开对应的图标找到