0

これは私のCSSコードです：

フォントが機能していません。私は何か見落としてますか？

ローカルOSにインストールされておらず、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

ttfChrome、Firefox、IEが拡張機能をサポートしていないためと思われます。あなたは他の拡張子を置くことを試みることができます：

@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

このWebサイトを使用してフォントを他のタイプに変換しました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 に答える