0

这是我的 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';
}
4

3 回答 3

3

瑞恩是对的。我用一个有效的 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';
}
于 2013-03-25T15:09:46.993 回答
2

应该是因为 Chrome、Firefox、IE 不支持ttf扩展。您可以尝试放置其他扩展名:

@font-face {
   font-family: 'ma';
   src: url('FS_Old.eot'); /* IE9 Compat Modes */
   src: url('FS_Old.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('FS_Old.ttf.woff') format('woff'), /* Modern Browsers */
        url('FS_Old.ttf.ttf')  format('truetype'), /* Safari, Android, iOS */
}
于 2013-03-25T15:10:49.657 回答
1

我使用该网站将字体转换为其他类型http://www.fontsquirrel.com/tools/webfont-generator并使用了不同的支持字体类型,这似乎解决了问题。这是适用于所有浏览器的新代码。

<html>
<head>
<style>


    @font-face {
    font-family: 'baroque_scriptregular';
    src: url('baroquescript.eot');
    src: url('baroquescript.eot?#iefix') format('embedded-opentype'),
         url('baroquescript.woff') format('woff'),
         url('baroquescript.ttf') format('truetype'),
         url('baroquescript.svg#baroque_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

    .menu_head {
        width: 100%;
        position: relative;
        height: 30px;
        font-family: baroque_scriptregular;
    }
</style>
</head>
<body>
<div class="menu_head" >

    hellod
    </div>
</body>
于 2013-03-25T15:55:33.417 回答