字体图标引入不显示问题

相关代码：按照老师的写法，购物车图标显示不出来

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href=".\iconfont.css">
</head>
<body>
<span class="iconfont icon-gouwuche"></span>
</body>
</html>

慕沐8040588 2022-01-28

源自：CSS入门 8-1 字体图标

收起

2回答

好帮手慕小脸回答被采纳获得+3积分 2022-01-29 14:04:45

同学你好，

1、建议同学查看你浏览器控制台是否有报错呢?(按F12)

2、其次class属性中设置的内容无需加点，这里测试代码是可以的，如下:

祝学习愉快

收起回答

慕沐8040588 提问者 #1

还是显示不出来呀，我用的eclipse2019-03SE，添加了六个web插件生成的web项目

2022-01-29 16:26:15
慕沐8040588 提问者 #2

控制台显示的tomcat信息，启动正常

2022-01-29 16:34:28
好帮手慕小脸回复提问者慕沐8040588 #3

同学你好，
1、是看浏览器控制台是否有报错（浏览器右键点击检查即可~）
2、这里并不需要将其放到web项目中然后去启动tomat查看，同学可以在本地文件夹中创建一个html文件以及css文件，然后在html文件中引用css链接即可
3、若上述提供步骤还是不可以，建议同学下载课程并按照源码内容去定义html以及css文件
祝学习愉快~

2022-01-29 17:44:53

好帮手慕小脸 2022-01-29 10:13:05

同学你好，购物车的Font class是icon-gouwuchekong，修改后代码如下所示：

 <span class="iconfont icon-gouwuchekong">

祝学习愉快~

收起回答

提问者慕沐8040588 #1

可是加了也显示不出来
原图这样的
链接代码：<link rel="stylesheet" href="F:\eclipse\iconfont\font_srn8blorgiq\iconfont.css">
超链接代码：<a href="#"><span class=".iconfont .icon-gouwuche">加入购物车</span></a>

2022-01-29 10:50:50
提问者慕沐8040588 #2

<a href="#"><span class="iconfont icon-gouwuche">加入购物车</span></a>这样子也不行

2022-01-29 11:38:01