html - Chromeでのみ機能するフォントフェイスcss

Question

こんにちは、この質問には多くの例があることは知っていますが、まだ解決策を提供しているものはありません。これが私のコードです：

@font-face {
 font-family: 'lucida_cal';
 src: url('http://www.mydomain.co.uk/Content/js/lcallig-webfont.eot');
 src: url('http://www.mydomain.co.uk/Content/js/lcallig-webfont.eot?#iefix') format('embedded-opentype'), 
        url('http://www.mydomain.co.uk/Content/js/lcallig-webfont.woff') format('woff'), 
        url('http://www.mydomain.co.uk/Content/js/lcallig-webfont.ttf') format('truetype'), 
        url('http://www.mydomain.co.uk/Content/js/lcallig-webfont.svg#lucida_calligraphyitalic') format('svg');

 font-weight: normal;
 font-style: normal;
}
h1 {
    font-family:lucida_cal, Geneva, sans-serif;
    font-weight:bold;
    font-size:18px;
}

css ファイルがあるルートにすべてのバージョンがあります。私も試しurl('lcallig-webfont.woff')ました。Chrome では動作しますが、他のブラウザでは動作しません。