关于字体图标?
来源:3-3 图标字体
慕标5156652
2020-07-30 11:31:48
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
<i class="iconfont icon-fanhuidingbu"></i>
</body>
</html>
iconfont.css
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-fanhuidingbu:before {
content: "\e658";
}
这个的写法的问题<i class="iconfont icon-fanhuidingbu"></i>
一定要给个类名 且这个类名 必须是iconfont.css里面那个fontfamily的名字吗 ?后面的 这个icon-fanhuidingbu是图标的名字(用哪一个就写哪一个图标的名字是吧)
1回答
好帮手慕久久
2020-07-30
同学你好,问题解答如下:
‘<i class="iconfont icon-fanhuidingbu"></i>’这句代码中,需要写两个类名,第一个是“iconfont”,该类名里,定义使用的图标字体是什么,如下:

“iconfont”这个类名可以改,如下:

而第二个类名,就是字体中,具体的某个图标,用到哪个,就写哪个,同学该点理解是正确的。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
相似问题