div{font-size: .7rem; color: #ffeb7b;/* 黄色 */ font-family: electronicFont; /* 这是重点！！！ */ } 123456 图二 利用文字阴影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; } 12345678910 图三 利用字体系列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%; } 12345678910111213
