如何将阿里iconfont中的图标导入到页面？
2020-09-24 本文已影响0人
leogoforit
阿里的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
