Font-face webfont无法使用移动设备

Question

我在我的网站上使用过这个webfont。在CSS中它显示如下：

@font-face {
    font-family:'PF-Tempesta-Seven-Compressed';
    src:url('fonts/PF-Tempesta-Seven-Compressed.ttf.woff') format('woff'),
        url('fonts/PF-Tempesta-Seven-Compressed.ttf.svg#PF-Tempesta-Seven-Compressed') format('svg'),
        url('fonts/PF-Tempesta-Seven-Compressed.ttf.eot'),
        url('fonts/PF-Tempesta-Seven-Compressed.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

它链接如下：

h1 {
padding-left:5px;
font-family:'PF-Tempesta-Seven-Compressed';
font-size:14px;
color: #4b4848;
background:#f3e600;
}

当页面大小大于480px时可用，但小于480px时不起作用。这怎么可能......？