@font-face按照视频里的设置了，页面没有任何显示

Question

@font-face{

font-family:"Raphaelicons";

src:url('fonts1/raphaelicons-webfont.eot')format('eot'),

   url('fonts1/raphaelicons-webfont.ttf')format('truetype'),

   url('fonts1/raphaelicons-webfont.woff')format('woff'),

url('fonts1/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 rgba(151,24,64,0.2);

}

Answer 1

css    、   fonts1    、   页面文件都在同一级

Answer 2

你的css写在哪里了，页面还是那个文件夹里，估计是路径有问题