设置文字的特殊字体和颜色渐变

在样式在开头先引入文字字库otf
css 
@font-face
{
    font-family: mnREGULAR;
    src: url('mnREGULAR.OTF') /* IE9+,可以是具体的实际链接 */
}
body {
    font-family: mnREGULAR;
div{
    background-image: -webkit-linear-gradient(top,#faa50b,#a8277a );
    background-size: 100% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

background: -webkit-linear-gradient(…) 为文本元素提供渐变背景。

webkit-text-fill-color: transparent 使用透明颜色填充文本。

webkit-background-clip: text 用文本剪辑背景,用渐变背景作为颜色填充文本。

你可能感兴趣的