1

我有以下代码来为我的页面设置字体样式，但不知何故 @font-face 在 mozilla 中工作但在 IE 中不起作用。有谁知道这里发生了什么，我该如何解决？

@font-face {
  font-family: 'TrashHand';
  src: url('../fonts/TrashHand.ttf');
  }

@font-face {
  font-family: 'BebasNeue';
  src: url('../fonts/BebasNeue.otf');
  }  


.tab_g 
{
    background:url(../images/ss_tab_0.png) no-repeat;
    width:176px;
    height:42px;
    font: 25px 'TrashHand',Arial, Helvetica, sans-serif;
    font-weight:50;
    text-transform:uppercase;
    color:#ffffff;
    padding-top:10px;
    text-align:center;
    margin-bottom:-15px;
}
4

1 回答 1

5

你绝对应该看看Font Squirrel之类的东西，你可以在其中上传你的字体，它会吐回相应的 CSS。保证在所有浏览器中完美。此外，请查看Paul Irish 的防弹@font-face以获取有关该主题的更多信息。

它应该看起来像这样：

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot?') format('eot'), url('GraublauWeb.woff') format('woff'), url('GraublauWeb.ttf') format('truetype');
}
于 2012-09-11T00:33:19.943 回答