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

用字体在网页中画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的字体图标出不来<...图片...>

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

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

最新回答 / Femon
width:24px,height:40px,display:block,设置s标签设置为一个宽24像素,高40像素的一个块状元素,再通过background-position样式让整个背景图片从0,0位置显示,这样第一个图标就可以正好显示出来,s标签类似于在背景图片上做遮罩的效果,而其他图标在宽24像素,高40像素以外,所以你看不到。如果你问的是怎么快速准确设置辅助线的话,请在PS里插件安装guideguide<...图片...>
首页上一页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
提交
取消