密通学院

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3683|回复: 0

1500+公用图标字体代码

[复制链接]
  • TA的每日心情
    可爱
    2018-6-29 10:04
  • 274

    主题

    294

    帖子

    8万

    铜板

    超级版主

    Rank: 8Rank: 8

    积分
    83900
    QQ
    发表于 2017-12-26 13:50:49 | 显示全部楼层 |阅读模式

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    1500+公用图标字体代码
    QQ截图20171226135116.jpg

    各种行业的均有。
    QQ截图20171226143430.jpg

    游客,如果您要查看本帖隐藏内容请回复
    使用方法:
    1、下载资源包,解压后传到网站目录,以下示例以页面文件与字体文件在同一目录作为参考!
    2、使用font-face声明字体;
    1. @font-face {
    2.   font-family: 'iconfont';
    3.   src: url('iconfont.eot'); /* IE9*/
    4.   src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    5.   url('iconfont.woff') format('woff'), /* chrome、firefox */
    6.   url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    7.   url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
    8. }
    复制代码
    3、定义使用iconfont的样式
    1. .iconfont{
    2.     font-family:"iconfont" !important;
    3.     font-size:16px;font-style:normal;
    4.     -webkit-font-smoothing: antialiased;
    5.     -webkit-text-stroke-width: 0.2px;
    6.     -moz-osx-font-smoothing: grayscale;}
    复制代码
    4、挑选相应图标并获取字体编码,应用于页面
    1. <i class="iconfont"></i>
    复制代码





    如果您有业务需求,可以和我联系:http://wpa.qq.com/msgrd?V=3&amp; ... yes&amp;from=discuz
    回复

    使用道具 举报

    快速回复: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 感恩
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    首页|Archiver|手机版|小黑屋|密通学院:专业网络营销服务商

    GMT+8, 2022-11-30 17:49 , Processed in 0.486328 second(s), 31 queries QQ

    Powered by XMT Inc. © 2015-2023 ArrayV1.0 豫ICP备17022382号

    系统运营:密城通 豫公网安备 41018302000212 号

    快速回复 返回顶部 返回列表