css - @font-face 不适用于 Chrome、Firefox、IE

Question

这是我的 CSS 代码:

字体不工作。我错过了什么吗？

我想提一下，它没有安装在本地操作系统上，我确定该 URL 正好指向该字体

@font-face {
    font-family: 'ma';
    src: url('http://localhost/header/images/FS_Old.ttf');
}

.menu_head {
    width: 100%;
    position: relative;
    height: 30px;
    font-family: 'ma';
}

Answer 1

瑞安是对的。我用一个有效的 URL 替换了你的 URL，它工作得很好。这是我用的。

    @font-face {
    font-family: 'ma';
    src: url('http://www.cse.buffalo.edu/~rsd7/BaroqueScript.ttf');
}


.menu_head {
    width: 100%;
    position: relative;
    height: 30px;
    font-family: 'ma';
}