字体改不了 大神帮忙看看

来源:2-5 导航页背影动画制作(@font-face实现小icon)

慕的地6153622

2018-03-02 08:16

@font-face{
font-family:"HAPPY EASTER";
scr:url('fonts/HAPPY EASTER');
font-weight:normal;
font-style:normal;
}

[data-icon]:after{
content:attr(data-icon);
width:200px;
height:200px;
color:white;
font-size:90px;
text-align:center;
line-height:200px;
position:absolute;
top:50%;
left: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:"HAPPY EASTER";
}

写回答 关注

3回答

  • 慕码人0004322
    2018-03-14 17:06:40

    @font-face {

    font-family:'禹卫书法行书简体';

    src: url(font/禹卫书法行书简体(优化版).ttf);

    }

    一:把font-weight:normal;font-style:normal;去掉

    二:你不觉得你的路径格式错了吗?字体的后缀应该加上的,就上我上面写的那样

  • 南城琉璃月
    2018-03-13 15:27:00

    scr:url('fonts/HAPPY EASTER')后面的.eot') format('eot'),.svg') format('svg')……,呢?

  • 南城琉璃月
    2018-03-13 15:24:31

    路径没问题吧? 

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题