密通学院

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 3757|回复: 0

1500+公用图标字体代码

[复制链接]

282

主题

27

回帖

8万

铜板

超级版主

Rank: 8Rank: 8

积分
89153
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">&#60384;</i>
复制代码





如果您有业务需求,可以和我联系:
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-27 20:22 , Processed in 0.126953 second(s), 29 queries QQ

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

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

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