今天在看UI图的时候看到这种字体，给大家分享分享，直接上图

图一 利用字体系列font-family

div{font-size: .7rem;color: #ffeb7b;/* 黄色 */font-family: electronicFont; /* 这是重点！！！ */
}

图二 利用文字阴影text-shadow和字体系列font-family的效果

div{width: 33%;float: left;line-height: 85px;color: #20dbfd;/* 浅蓝色 */text-shadow: 0 0 25px #00d8ff; /* 利用文字阴影 */font-size: 46px;font-family: 'yjsz'; /* 这是重点！！！ */text-align: right;
}

图三 利用字体系列font-family和背景图片

div{background-image: url(../img/data_bg.png);/* 浅蓝色的背景线条 */height: 91%;width: 16%;float: left;margin-left: 1px;color: white;text-align: center;font-size: 36px;font-family: data_Number;/* 这是重点！！！*/background-repeat: no-repeat;background-size: 100%;
}