0

firefox で font-face が正しく動作しない理由をあらゆる場所で検索しました。いくつかの異なる答えを見つけましたが、問題を解決するものはないようです。誰かが私にいくつかのヒントを与えることができれば、それは素晴らしいことです.

CSS コード:

@font-face
{
    font-family:Viking-Normal;
    src: url('../fonts/VIKING.eot') format("opentype"), url('../fonts/VIKING.ttf') format("truetype");
}

div#header
{
    font-family:Viking-Normal !important;
    font-size:58px;
    text-align:center;
    width:780px;
    height:150px;
    background:#0078A8;
    margin-left:auto;
    margin-right:auto;
}
4

1 に答える 1

1

すでに試したことを知っておくと役立ちますが、コードを見ると次の 3 つのことが思い浮かびます。

  1. フォント ファミリ名は、一重引用符または二重引用符で囲む必要があります。

    例えば、

    font-family: 'Viking-Normal';


  2. フォントへのパスが間違っている可能性があります。それまで完全な URL パスを配置して、ブラウザーから直接アクセスできますか?


  3. ブラウザがサポートするフォント ファイルが破損しているか存在しない可能性があります。font squirrel を使用して、必要な CSS と必要なフォント ファイルを生成します。

    フォント ファイルをアップロードするだけで、フォントのデモ、css 対応ファイル、およびクロスブラウザー サポートの向上に必要な形式を含む .zip が表示されます。

    例えば、

    @font-face {
    font-family: 'VikingRegular';
    src: url('viking-webfont.eot');
    src: url('viking-webfont.eot?#iefix') format('embedded-opentype'),
         url('viking-webfont.woff') format('woff'),
         url('viking-webfont.ttf') format('truetype'),
         url('viking-webfont.svg#DearestRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-07-25T01:09:56.643 に答える