字体图标怎么使用(字体图标的用法)

字体图标怎么使用(字体图标的用法)https icomoon io app select http www iconfont cn http www bootcss com http www bootcss com p cikonss 以第一个链接网站里的字体为例 打开 css 文件 把代码复制到自己的某个 css 文件中 然后 html 引用 重点注意红笔圈的地方 可以分别引用到单独 html 对应的 css 中

大家好,我是讯享网,很高兴认识大家。



https://icomoon.io/app/#/select http://www.iconfont.cn/ http://www.bootcss.com/ http://www.bootcss.com/p/cikonss/

 以第一个链接网站里的字体为例

打开css文件

把代码复制到自己的某个css文件中,然后html引用,重点注意红笔圈的地方,可以分别引用到单独html对应的css中

类样式可以根据自己的项目写一些公共的

我这里直接复制的腾讯课堂的代码过来都可以用,所以说代码这里大同小异,具体不同的可以利用图标的名字,设置不同的类名,再细调


讯享网

对应的图标类名,引到html图标标签的class处即可

例如:

 我这里要用第一个message的图标,我在html中这样引用:

另外我在css中设置其单独样式:

好了,大功告成!

font awesome ie7兼容问题:http://www.imooc.com/article/18185?block_id=tuijian_wz
CSS Expression用法总结  :http://jungle.blog.163.com/blog/static/8568/

————————————————————————————-正经分割线!!!————————————————————————————————————————–

声明:

  请尊重博客园原创精神,转载或使用图片请注明:

  博主:xing.org1^

  出处:http://www.cnblogs.com/padding1015/

小讯
上一篇 2025-05-24 10:32
下一篇 2025-05-02 08:19

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/195063.html