html、小程序引用阿里云图标方法

html引用

样式

//阿里云图标项目里生成的链接
@font-face {font-family: 'iconfont';  /* project id 1603983 */src: url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.eot');src: url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.woff2') format('woff2'),url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.woff') format('woff'),url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.ttf') format('truetype'),url('//at.alicdn.com/t/font_1603983_4tbzmf5qxuw.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;
}

引用方法

<i class="iconfont">&#xe63e;</i>

小程序引用

样式

//阿里云图标项目里生成的链接
@font-face {font-family: 'iconfont';  /* project id 1559672 */src: url('//at.alicdn.com/t/font_1559672_peijrbzl1q.eot');src: url('//at.alicdn.com/t/font_1559672_peijrbzl1q.eot?#iefix') format('embedded-opentype'),url('//at.alicdn.com/t/font_1559672_peijrbzl1q.woff2') format('woff2'),url('//at.alicdn.com/t/font_1559672_peijrbzl1q.woff') format('woff'),url('//at.alicdn.com/t/font_1559672_peijrbzl1q.ttf') format('truetype'),url('//at.alicdn.com/t/font_1559672_peijrbzl1q.svg#iconfont') format('svg');
}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;
}
.icon-user:before {content: "\e7d5";
}

引用方法

<icon class="iconfont icon-user"></icon>

html、小程序引用阿里云图标方法相关推荐

微信小程序——引用阿里云字体
阿里图标官网:http://www.iconfont.cn 使用阿里云图标大致的方法就是:选中你的图标--保存至你的项目--下载你的图标项目--在项目中引用字体文件. 具体方法可以参考:引用阿里云矢量 ...
微信小程序引用阿里云图标的方法
阿里云图标库: https://www.iconfont.cn/ 远程方法: 1.添加图标到我的项目中 2.在我的项目点击查看在线链接 3.生成或更新代码 4.打开代码,全部复制 5.在小程序中 @ ...
微信小程序使用阿里云物联网API开发物联网应用
微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开的应用. 微信小程序具有方便快捷,速度快,安全及保密性高的优点,同时开发 ...
微信小程序使用阿里彩色图标
微信小程序使用阿里彩色图标首先全局安装 iconfont-tools 1.先windows+R打开cmd命令窗口 2.输入npm i -g iconfont-tools 3.下载自己要使用的彩色图标 ...
【物联网】微信小程序接入阿里云物联网平台
微信小程序接入阿里云物联网平台一阿里云平台端 1.登录阿里云阿里云物联网平台点击进入公共实例,之前没有的点进去申请 2.点击产品->创建产品 3.产品名称自定义,按项目选择类型,节点类型 ...
微信小程序接入阿里云直播
小程序接入阿里云直播前言:最近工作中遇到了小程序接入阿里云直播的需求(暂时只做播流,也就是播放端),于是打开阿里云直播文档发现居然没有小程序的相关文档,sdk也没有小程序的版本,网上也没搜到相关案例 ...
小程序配置阿里云OSS下载文件，在请求头里配置生成强制下载链接，（拿到下载链接可以下载文件至本地）
小程序配置阿里云OSS下载文件,在请求头里配置生成强制下载链接,(拿到下载链接可以下载文件至本地)(Win10电脑开发环境)**这里只说明小程序端问题**<菜鸡总结大神勿喷!蟹蟹~> 大体 ...
html 页面如何引用阿里云图标？
1.进入阿里云图标库(iconfont-阿里巴巴矢量图标库) 2.搜索自己想要的阿里云图标(如:telphone) 3.找到自己想要的图标,加入购物车 4.可以加入项目或直接下载代码 5.下载好后,找 ...
在vue框架下element-ui两种引用阿里云图标库的方法
方法一下载资源到本地 1.搜索想要的图标并添加入库 2.添加入项目 3. 下载解压放入src的文件中, 要在main.js文件中声明引入压缩包中的iconfont.css文件注意文件路径 4.引入 ...

html、小程序引用阿里云图标方法

html引用

小程序引用

html、小程序引用阿里云图标方法相关推荐

最新文章

热门文章

html、小程序引用阿里云图标方法

html引用

小程序 引用

html、小程序引用阿里云图标方法相关推荐

最新文章

热门文章

小程序引用