0

私はここでたくさんの質問をしてきましたが、なぜ私がやっていることはうまくいかないのかわかりませんが、そうではありません. CSS を介して埋め込まれた、Web サイトでいくつかの非標準フォントを使用したいと考えています。

FontSquirrel から取得した CSS は次のようになります。

@font-face {
    font-family: 'CrimsonRoman';
    src: url('Crimson-Roman-webfont.eot');
    src: url('Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('Crimson-Roman-webfont.woff') format('woff'),
         url('Crimson-Roman-webfont.ttf') format('truetype'),
         url('Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

私のメインのCSSスタイルシートで参照されている場所は次のとおりです。

p {
  margin: 0 0 9px;
  font-family: 'CrimsonRoman', Garamond, Times, Times New Roman, serif;
  font-size: 13px;
  line-height: 18px;
}

現在、すべてが同じディレクトリにあるため、ディレクトリ間の移動はまだ扱っていません。「p」宣言自体は機能しているようです。最初の用語を「Crimson」に変更すると、コンピューター上のフォントの名前が正常に読み込まれるためです（または、ローカルにインストールした他のフォントに切り替えると） ）。問題が何であれ、私はそれを見ていません。

私のhtmlドキュメントでは両方のシートが正常にリンクされており、フォントはメインのシートの前にリンクされています。

テストにはFirefoxを使用しています。

4

3 に答える 3

0

それは、Dreamweaver がページをレンダリングする方法や CSS を読み取る方法などに関係していることが判明しました。最終的にすべてをサイトにアップロードしたので、何が起こっているのか、不思議なことにフォントがロードされていることを何人かの人に見せることができました。したがって、今夜の私の教訓は、Dreamweaver のデザイン ビューは潜在的に不正確なスケッチであると見なし、壊れていないものを修正するために何時間も費やす前に、それらがどこにあるのかを正確に確認することです。:\

于 2012-05-03T09:17:49.613 に答える
0

ディレクトリパスが正しく、フォントがサーバー上にあるフォルダーを指していることを確認してください。

例えば

@font-face {
    font-family: 'CrimsonRoman';
    src: url('/fonts/Crimson-Roman-webfont.eot');
    src: url('/fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('/fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('/fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-05-02T22:23:37.560 に答える
-1

あなたが探している答えではありませんが、私は本当にこれにCufonを使用するようアドバイスしたいと思います。（Cufonへの直接リンク）

@ font-faceはIEのようなブラウザでますますサポートされていますが、それでも各コンピュータで完全に機能するわけではありません。Cufonは、私たちが話すように、以下によってサポートされています。

  • Internet Explorer 6、7、および8
  • Internet Explorer 9ベータ版（1.09i以降）
  • Mozilla Firefox 1.5+
  • Safari3+
  • Opera 9.5+（1.10現在は9.01+）
  • Google Chrome 1.0+
  • iOS 2.0+
  • Opera Mini（ある程度）

...そしてその隣にもっとクールなフォントオプションを提供します。

于 2012-05-02T22:31:12.727 に答える