@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);
}
2015-05-20
怎么看這些字體對應(yīng)的數(shù)字或字母
2015-04-24
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')