<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_577512_r5hc57y68b29y66r.css">
<style>
.text-gradient {
color: #b6264b;
font-size: 10em;
font-family: ‘微软雅黑‘;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(249, 0, 243, 1)), to(rgba(253, 0, 31, 1)));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
};
</style>
</head>
<body>
<i class="iconfont icon-chengyuanguanli text-gradient" style="font-size: 100px;"></i>
</body>
</html>
原文：https://www.cnblogs.com/zhoubingyan/p/9068352.html