0

まったく新しいトピックではないことはわかっていますが、@font-face 関連のすべての投稿を読んでも、私の問題に対する答えはまだ見つかりません。

私は初心者なので、私には見られない非常に恥ずかしい主要な/基本的な間違いや、私の側からの概念的な誤解があると思います。

どんな助けでも大歓迎です!

これが私のスタイルシートにあるものです(他のすべてのスタイル定義と一緒に):

   @font-face {
    font-family:'CorporateSBQ-Light';
    src:url('/fonts/CorporateSBQ-Light.eot');
    src:url('/fonts/CorporateSBQ-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CorporateSBQ-Light.woff') format('woff'),
    url('/fonts/CorporateSBQ-Light.ttf') format('truetype'),
    url('/fonts/CorporateSBQ-Light.svg#CorporateSBQ-Light') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    }
    html, body 
    {
    background-color:#FFFFFF;
    margin-top:auto;
    margin-right:auto;
    margin-bottom:auto;
    margin-left:auto;
    font-family:"CorporateSBQ-Light", Helvetica Light, Arial, sans-serif;
    font-size:16px;
    color:#9FAD9E;
    height:100%;
    width:100%;
    overflow-y:scroll;
    }

正しいディレクトリへの正しいパスと正しいスペルなどを持っているように感じますが、何日も別のパスを試したり、フォントを再変換したり (Fontsquirrel や別の Web ベースのコンバーターサービスで) したりした後でも、何らかの理由で目的のフォントは、DM またはブラウザーでローカルに、またはアップロード時にブラウザーで正しく表示されません。代わりに、Helvetica または Arial を取得しています。

また、変換する前にフォントにまったく別の名前を付けようとしましたが、元の名前に戻すだけです。変換後に名前を変更しても役に立ちませんでした。

「fonts」フォルダーはルートフォルダーに配置されます。フォントをルート フォルダーに直接配置することも試みました (フォントを保持するフォルダーはありません)。

ありがとう!!

4

2 に答える 2

0

font-face 定義の前に他のスタイル定義はありますか? そうでない場合は、それらを最初の行として追加してみてください。

フォントが CSS とは別のフォルダにあると、そのような問題が発生したことも覚えています。これも試してみる価値があるかもしれません。

これらは、最近購入したいくつかのフォントからの指示であり、どのブラウザーでも問題なく動作します。

フォントを CSS ファイルと同じフォルダーにアップロードし、このコードを CSS にコピーします。

/* first for IE 4–8 */
@font-face {
  font-family: Family-Name;
  src: url("Family-Name.eot");
}

/* then for WOFF-capable browsers */
@font-face {
  font-family: Family-Name;
  src: url("Family-Name.woff") format("woff");
}

/* go on with normal style definitions */
body { 
  font-family: Family-Name;
}
于 2012-07-23T21:40:29.123 に答える
0

または、試すこともできます

 @font-face {
    font-family:'CorporateSBQ-Light';
    src:url('../fonts/CorporateSBQ-Light.eot');
    src:url('../fonts/CorporateSBQ-Light.eot?iefix') format('truetype'),
    url('../fonts/CorporateSBQ-Light.woff') format('woff'),
    url('../fonts/CorporateSBQ-Light.ttf') format('truetype'),
    url('../fonts/CorporateSBQ-Light.svg') format('svg');
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    }
于 2012-07-23T21:42:29.767 に答える