美文网首页
如何将阿里iconfont中的图标导入到页面?

如何将阿里iconfont中的图标导入到页面?

作者: leogoforit | 来源:发表于2020-09-24 17:07 被阅读0次

    阿里的iconfont很方便,如何导入呢?
    首先构建项目库,点击fontclass,点击复制代码


    image.png

    然后在html页面中引用该地址

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>icon练习</title>
        <link rel="stylesheet" href="http://at.alicdn.com/t/font_2082356_gdvfgm4frxo.css">
    </head>
    <body>
        <span class="iconfont icondianzan"></span>
    </body>
    </html>
    

    最后在body中添加icon,icon的名称为下图的右下角dianzan,在dianzan前需要加上icon


    image.png

    相关文章

      网友评论

          本文标题:如何将阿里iconfont中的图标导入到页面?

          本文链接:https://www.haomeiwen.com/subject/uwctuktx.html