为了账号安全,请及时绑定邮箱和手机立即绑定

用字体在网页中画ICON图标

至尊玉 Web前端工程师
难度初级
时长 1小时 4分
学习人数
综合评分9.67
144人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰

最新回答 / xxt1ngt1ng0
我也出现了,我是把@font-face { font-family: 'icon1';}这个地方的分号写成逗号了,你应该是某个逗号和分号写错了,没解析样式

最新回答 / newming
应该是你引入 css 的路径没有写对。 link 标签,可以检查一下

最新回答 / 慕雪0058759
你好,请问你的问题解决了吗,我也遇到了和你一样的问题,element-ui的字体图标出不来<...图片...>

最赞回答 / 至尊玉
高度固定,宽度自适应这种需求很少见。。。因为会导致图片变形。。。如果想等比显示可以加background-size

最新回答 / 小谢的私人空间
使用toggleclass要点击两次才能移除类名,回到初始状态

最新回答 / 清书入
字符串拼接,你可以通过console.log()输出看看,你的想法:background-position的值输出为0 , -iconH * $index+'px' ,这肯定是不对的,这里的iconH和$index都是变量,不是固定字符,所以通过加号可将他们拼接成字符串,即background-position的值,基础很重要,要不断的反复学习,加油!

已采纳回答 / 你说2016
描边:text-stroke阴影:text-shadow

已采纳回答 / 慕勒7123956
是不是字体文件的路径发生了变化导致的
首页上一页1234567下一页尾页
课程须知
本课程是CSS中级课程 1.具备HTML、CSS前端开发基础知识; 2.熟悉@font-face、font-family字体相关属性; 3.了解:before伪元素,content属性;
老师告诉你能学到什么?
1.eot、woff、ttf、svg字体格式 2.使用IcoMoon App管理字体图标 3.在网页中用字体画小图标 4.轻松改变图标大小及颜色等CSS属性,就像操作文本一样简单。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消