@font-face{ font-family: "Raphaelicons"; src:url("fonts/raphaelicons-webfont.eot") format('eot'), url("fonts/raphaelicons-webfont.ttf") format('truetype'), url("fonts/raphaelicons-webfont.woff") format('woff'), url("fonts/raphaelicons-webfont.svg") format('svg'); font-weight: normal; font-style: normal; } [data-icon]:after{ content:attr(data-icon); width: 200px; height: 200px; color: #fff; font-size: 90px; text-align: center; line-height: 200px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -100px; -webkit-transform:rotate(-45deg) translateY(25%) ; -moz-transform:rotate(-45deg) translateY(25%) ; -ms-transform:rotate(-45deg) translateY(25%) ; -o-transform:rotate(-45deg) translateY(25%) ; transform:rotate(-45deg) translateY(25%) ; font-family: "Raphaelicons"; text-shadow: 1px 1px 1px rgb(151,24,64,0.2); }
怎么看这些字体对应的数字或字母
src:url("fonts/raphaelicons-webfont.eot") format('eot'),
url("fonts/raphaelicons-webfont.ttf") format('truetype'),
url("fonts/raphaelicons-webfont.woff") format('woff'),
url("fonts/raphaelicons-webfont.svg") format('svg');
路径问题,改成相对路径src:url(../fonts/raphaelicons-webfont.eot) format('eot')