博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于字体图标的三两事
阅读量:5045 次
发布时间:2019-06-12

本文共 528 字,大约阅读时间需要 1 分钟。

介绍三种icon字体图标的方法

先选择想要使用的图标,加入购物车后添加到项目

Unicode方式

选择Unicode 生成并复制红框中的代码,然后在HTML中添加style,或者加入到CSS中,并将图标对应的Unicode码添加到相应的标签元素中,当然别忘了在CSS中添加字体font-family,字体名就是复制代码中的font-family。

 

Font Class方式

选择Font Class 然后选择编辑图标,在font class里面定义这个图标的名称,方便我们一会儿进行调用,然后复制代码。

将这段代码直接在HTML中link引用,因为这是一个网络css文件,然后在标签元素中定义class的值为刚刚我们修改过的图标名称即可。

 

font-awesome

我们先在BootCDN上找到font-awesome的css文件

将他复制下来

 

然后我们在中找到我们想要使用的图标

在HTML中link的href里面填写从bootCDN复制的font-awesome的css路径,并在元素标签中按class="fa fa-图标名称"进行定义,即可得到图标

转载于:https://www.cnblogs.com/evenyao/p/9261240.html

你可能感兴趣的文章
oracle连接的三个配置文件(转)
查看>>
Java 8 中如何优雅的处理集合
查看>>
[HNOI2012]永无乡 线段树合并
查看>>
Centos下源码安装git
查看>>
控件发布:div2dropdownlist(div模拟dropdownlist控件)
查看>>
[置顶] 细说Cookies
查看>>
[wp7软件]wp7~~新闻资讯,阅读软件下载大全! 集合贴~~~
查看>>
Extjs String转Json
查看>>
二叉树的遍历问题总结
查看>>
新浪分享API应用的开发
查看>>
美国专利
查看>>
css选择器
查看>>
photoplus
查看>>
Python 拓展之推导式
查看>>
[Leetcode] DP-- 474. Ones and Zeroes
查看>>
elasticsearch的安装
查看>>
__next__()
查看>>
爬取:中国大学排名
查看>>
聊天室(C++客户端+Pyhton服务器)_1.框架搭设
查看>>
UpdatePanel 内控件 更新“外的”控件【转】
查看>>