<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/0208.css" />
<title>字体图标</title>
</head>
<body>
<div class="iconfont">
<span class="icon-shoucang2 active"></span>
</div>
</body>
</html>
CSS:
@import url(//at.alicdn.com/t/c/font_3890806_is94ruj2l7.css);
.active {
font-size: 3em;
color: blueviolet;
}
[========]
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/0208.css" />
<title>字体图标</title>
</head>
<body>
<div class="my-font">
<span></span>
</div>
</body>
</html>
CSS:
/* CDN 服务仅供平台体验和调试使用,平台不承诺服务的稳定性,企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
font-family: 'iconfont'; /* Project id 3890806 */
src: url('//at.alicdn.com/t/c/font_3890806_is94ruj2l7.woff2?t=1676098400453') format('woff2'),
url('//at.alicdn.com/t/c/font_3890806_is94ruj2l7.woff?t=1676098400453') format('woff'),
url('//at.alicdn.com/t/c/font_3890806_is94ruj2l7.ttf?t=1676098400453') format('truetype');
}
.my-font {
font-family: iconfont;
color: red;
font-size: 3em;
}
[========]