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

用字体在网页中画ICON图标

至尊玉 Web前端工程师
难度初级
时长 1小时 4分
学习人数
综合评分9.67
144人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
666666,看了这么久视频 ,第一次见这么逗的老师,都是这种风格就好啦
啥也别说了…………
<s class="s-icon"></s>
这句话不对吧?<s>标签的功能是给文本添加删除线,而且已经不推荐使用了。在这里使用是什么意思?
原文是:
<li>
<s class="s-icon"></s>
<a href="">慕课网就是好1</a>
</li>
一本正经的胡说八道似的卖萌。。。。。。。。
正是我需要的,谢老师!!!
点解呢。哈哈。老师肯定是在广东珠三角地区工作的
tu 土 dou 豆 ,老师开启逗比模式了。。。哈哈
//ie9兼容模式
eot、eot?#iefix
//各个字体格式对应的format
eot format(“embedded-opentype”)
woff format(“woff”)
ttf format(“truetype”)
SVGA format(“svg”)
//为了使小图标更平滑
-webki-t-font-smoothing:antialiased;
-moz-font-smoothing:grayscale;
@font-face{ //字体颜值
font-family
src
font-weight
}
iconmoon,先记下
360不显示,兼容性看来没那么好
你唤醒了我体内的中二病
之前以为雪碧图会比较好的去引用小图标,没想到还有font+HTML和font+CSS;不过不管哪一种技术,只要适合就好
课程须知
本课程是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
提交
取消