引用阿里巴巴图标库

Posted zc_boy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了引用阿里巴巴图标库相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head lang="zh-cn">
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no"/>
<!-- 不把数字识别为电话号码 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- 小图标引用 -->
<title></title>
<style>
@font-face {
font-family: ‘iconfont‘; /* project id 287608 */
src: url(‘//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.eot‘);
src: url(‘//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.eot?#iefix‘) format(‘embedded-opentype‘),
url(‘//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.woff‘) format(‘woff‘),
url(‘//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.ttf‘) format(‘truetype‘),
url(‘//at.alicdn.com/t/font_bw5ihf2mwsc0izfr.svg#iconfont‘) format(‘svg‘);
}
.iconfont{font-family:"iconfont";font-size:18px;font-style:normal;float: left;padding-left: 20px;color: #7E7E7E}
.iconfont1{font-family:"iconfont";font-size:16px;font-style:normal;float: left;padding-left:2px;padding-right:15px;color: #BFBEC4}
</style>
</head>
<body>
<i class="iconfont">&#xe754;</i>
<i class="iconfont1">&#xe754;</i>
</body>
</html>

以上是关于引用阿里巴巴图标库的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序——引用阿里云字体

引用阿里云矢量图标库

引用图标库到自己页面

原创1.1关于阿里图标引用问题简介

阿里UX矢量图标库–最强大的矢量图标库(Icon font制作力荐工具)

iconfont 阿里巴巴矢量图 怎么用