0

カスタム フォントを使用したサイトの構築。デザイナーから .ttf ファイルを受け取りました。

css は次のようになります。

@font-face{
font-family:MenuFont;
src: url("http://www.website.com/assets/fontfile.ttf"); 
}

.divClass{font-family:MenuFont;}

彼がくれたいくつかの異なるフォントファイルを試してみました。そのうちの 1 つはまったく表示されません。さらに奇妙なことに、それらのいくつかは特定の文字にのみ影響します。たとえば、1 つのファイルをプラグインすると、O、R、C、および P のみが正しいフォントを使用します。確認したところ、ブラウザ間で同じ文字です。

firebug を見ると、フォント ファイルの URL をロールオーバーすると、フォント全体が表示されるので、URL は問題なく、ブラウザはフォントを取得しています。

ここで何が欠けていますか？

4

1 に答える 1

1

font-faceFontSquirrel を使用して、正しいコードと必要なすべてのフォントを生成します。参照: http://www.fontsquirrel.com/fontface/generator

より拡張された互換性のあるfont-face宣言が得られます。このような：

@font-face {
    font-family: 'Meran';
    src: url('../fonts/meran-normal-webfont.eot');
    src: url('../fonts/meran-normal-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/meran-normal-webfont.woff') format('woff'),
    url('../fonts/meran-normal-webfont.ttf') format('truetype'),
    url('../fonts/meran-normal-webfont.svg#Meran') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-07-19T16:14:52.073 に答える