4

カスタムフォントとを使用するのに多くの問題がありました@font-face。Chrome、Safari、Firefoxの最新バージョン間でフォントの一貫性を保とうとしています（下のスクリーンショットにこの順序で表示されています：

ここに画像の説明を入力してください

私はこれを生成するために以下を使用しています：

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

と：

.menu-button a {
    height:25px;
    float:left;
    border-bottom:2px solid white;  
    color:#ccccff;
    text-decoration:none;
    padding:8px 21px 0px 20px;
    text-align:center!IMPORTANT;
    background-color:#00378f;
    font-size:18px;
    font-family:'dineng', Arial;
    text-shadow:0 0 1px rgba(0,0,0,0.3);
    }

私はフォントの重みのすべてのマナーを試し、重みを減らしましたが、何も影響しません。Chromeで以下のCSS3ハックを使用して、PSDのように見せましたが、他のブラウザーでは機能しません。

text-shadow:0 0 1px rgba(0,0,0,0.3);

私が窓から飛び出す前に誰かが何か提案がありますか！

私はFONTSQUIRRELを使用できないことに注意してください！

4

1 に答える 1

3

このようにしてみてください：

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

それ以外の場合は、コンピューターで.TTFファイルを開きます。すでに太字で表示されている場合、フォントの通常の外観であるため、フォントのサイズを縮小することはできません。

于 2012-03-05T15:33:02.180 に答える