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

融创云营销平台

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

如何使用图标字体组件?

浏览数量:4     作者:本站编辑     发布时间: 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年全球营销经验助力企业打破疫情下海外推广僵局
留言免费获取外贸建站+海外精准营销新方案

一键获取搜索引擎、社交媒体运营方案

表单名称

响应式官网

搜索引擎营销方案

社交营销方案

品牌提升方案

营销学院

关于融创

联系融创

总部:
 tousu@rongchuangmedia.net
 石家庄高新区国际人才城D2号
河北运营中心
 售前:
0311-67691129
    售后:0311-67691131
 tousu@rongchuangmedia.net
 石家庄东胜商务广场B座19A层
北京运营中心
400-0430-678 

 tousu@rongchuangmedia.net
 北京市海淀区学院路甲5768创意产业园B1061
融创官网
微信公众账号
公安备案 公安备案号:13019902000104
bg 增值电信业务许可证编号:冀B2-20115046
© 2020 石家庄融创传媒有限公司 版权所属