欢迎您访问石家庄融创传媒有限公司官网 相信您会收获外贸行业领先的数字化运营解决方案!
全国服务热线:400-0430- 678 
简体中文简体中文

融创云营销平台

20年专注于企业全球化数字营销平台搭建运营、搜索引擎营销、社交媒体营销、品牌出海营销的全员 全网、全景新商业模式!
当前所在位置: 首页 » 文档帮助中心 » 图文帮助 » 组件 » 基础组件 » 如何使用图标字体组件?

如何使用图标字体组件?

浏览数量: 11     作者: 本站编辑     发布时间: 2016-06-28      来源: 本站

询价

图标字体
 
【组件简介】 图标字体组件以开源的图标字体库为核心,通过添加图标字体,实现图标可以像文字一样通过font-size 属性设置其任何大小,还可以加各种文字效果,包括颜色、Hover 状态、透明度、阴影和翻转等效果,可以在任何背景下显示,加载大小明显比图片小很多。
 
【应用场景】图标字体组件的应用场景还是很广泛的,在很多场景起到了画龙点睛的作用,比如在联系我们的字段项前面加上图标字体,既可以像文字一样轻便,可以随意编辑大小、颜色,又可以起到像图片一样的美观效果。使用图标字体的优势:(1)轻量性:一个图标字体比一系列的图像(特别是在 Retina 屏中使用双倍图像)要小。一旦图标字体加载了,图标就会马上渲染出来,不需要下载一个图像。可以减少 HTTP 请求,还可以配合 HTML5 离线存储做性能优化。(2)灵活性:图标字体可以用过 font-size 属性设置其任何大小,还可以加各种文字效果,包括颜色、Hover 状态、透明度、阴影和翻转等效果,可以在任何背景下显示。除了以上优势之外,当然也有劣势:(1)图标字体只能被渲染成单色或者 CSS3 的渐变色,由于此限制使得它不能广泛使用;(2)图标字体在低版本的 IE(IE5、IE6、IE7)兼容性不好,会不显示图标字体,请大家知晓。
 
【使用方法】

1、如何添加图标字体组件?
 
2、如何设置图标字体组件?


设置好组件的以上设置以后,可以根据需要使用此组件的以下功能,以下是所有组件的通用功能:

3、查看如何编辑组件的样式

4、查看如何复制组件?

5、查看如何应用组件?

6、查看如何删除组件?

7、查看如何恢复组件?

18年全球营销经验助力企业打破疫情下海外推广僵局
留言免费获取外贸建站+海外精准营销新方案
一键获取搜索引擎、社交媒体运营方案
表单名称

响应式官网

搜索引擎营销方案

社交营销方案

品牌提升方案

成功案例

营销学院

关于融创

联系融创

疫情展会

总部:
  400-0430-678
 sam@rongchuangyun.cn
 北京市景盛南四街17号二号院70号楼
河北运营中心
  0311-67691131 
服务热线
18633017161
 tousu@rongchuangmedia.net
 石家庄中山东路39号勒泰中心A座2010
北京运营中心
  
010-56370776 (服务热线
  18518509990  
  Sam@rongchuangyun.cn
 北京市景盛南四街17号二号院70号楼
微信公众账号
融创官网
公安备案 公安备案号:13019902000104
bg 增值电信业务许可证编号:冀B2-20115046
© 2020 石家庄融创传媒有限公司 版权所属
公安备案 公安备案号:13019902000104