关于字体图标?

来源: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”,该类名里,定义使用的图标字体是什么,如下:

http://img.mukewang.com/climg/5f225d080942663408470782.jpg

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

http://img.mukewang.com/climg/5f225d0d0987fab705540447.jpg

而第二个类名,就是字体中,具体的某个图标,用到哪个,就写哪个,同学该点理解是正确的。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

0

0 学习 · 6815 问题

查看课程