iconfont字体图标渐变

<h5 class="text-gradient">文字渐变颜色</h5>
<h5 class="gradient">文字渐变颜色</h5>

        .text-gradient {
            display: inline-block;
            color: green;
            font-size: 10em;
            ont-family: ´微软雅黑´;
            background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 128, 0, 1)), to(rgba(51, 51, 51, 1)));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .gradient{
            background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%);
            background: -o-linear-gradient(top, #000000 0%,#ffffff 100%);
            background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%);
            background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);
        }