美文网首页
如何将阿里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