这里文字图标没有显示
来源：3-16 flex布局-实例
Ting111
2020-07-13 19:09:41
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#head{
width: 100%;
height: 30px;
background-color: grey;
justify-content: center;
}
#foot{
width: 100%;
height: 30px;
background-color: grey;
display: inline-flex;
list-style: none;
}
html{
height: 100%;
}
body{
height: 100%;
}
#middle{
width: 100%;
height: 100%;
display: flex;
}
#menu{
background-color: #FAEBD7;
width: 30%;
}
#content{
background-color: #BBFFFF;
flex: 1;
}
</style>
<link rel='stylesheet' href="字体\iconfont.css">
</head>
<body>
<div id="head">盗版淘宝网</div>
<div id="middle">
<div id="menu">菜单</div>
<div id="content">内容</div>
</div>
<div id="foot">
<li>
<i class='icon-shouye'></i>
<span>首页</span>
</li>
<li>
<i></i>
<span>分类</span>
</li>
<li>
<i></i>
<span>购物车</span>
</li>
<li>
<i></i>
<span>我的</span>
</li>
</div>
</body>
</html>
1回答
-
好帮手慕久久
2020-07-14
同学你好，首先要确定引入iconfont.css时，路径书写是正确的，其次要确定iconfont.css中定义了“icon-shouye”这个字体类名，最后使用字体时，需要加上“iconfont”这个类名，如下:
这样页面中就会显示字体了:
如果我的回答帮到了你，欢迎采纳，祝学习愉快！
0
相似问题