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 中运行，但在其他浏览器中没有。