6

いくつかの単純な html ページでは、まったくダウンロードせずに Fontaweseome を使用したいと考えています。

次のように /fontFace を指すように CSS を設定することを考えていました。

(つまり、github URL に直接)

@font-face {
  font-family: 'FontAwesome';
  src: url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');
  src: url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('http://fortawesome.github.io/Font-Awesome/assets/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
  font-weight: normal;
  font-style: normal;
}

私がやった...しかし、うまくいかないようです。

次のようなエラーはまだありません。

 <i class="icon-bar"></i>

どこ

  <style>
  i { font-family: 'FontAwesome', sans-serif; }
  </style>

期待どおりにレンダリングされない

4

4 に答える 4

3

Fontawesome をダウンロードせずに使いたい。(つまり、github URL に直接)

この方法でサードパーティのコードを使用する場合は、ダウンロード元のサイトの所有者から許可を得ていることを確認する必要があります。一部のサイトでは、帯域幅コストが発生するため、このような外部リンクをブロックします. GitHub はそのようなサイトの 1 つだと思います。もしこれを許可すると、すべての JavaScript やその他のコードを提供するのに莫大な費用がかかることになります。

ただし、このサービスを提供しているサイトがあります。それらは CDN として知られています。たとえば、Google の CDNはよく知られているもので、多くの人が jQuery などのライブラリに使用しています。

現時点では、Google の CDN が FontAwesome を提供しているとは思いませんが、それはあなたが見なければならない方向性です。FontAwesome を提供する CDN があるかもしれません。頭のてっぺんにあるものは知りませんが、簡単な検索でいくつかの手がかりが得られるかもしれません.

それができない場合、ファイルを自分でダウンロードしても問題はありません。たとえ小さなサイトであっても、ここで質問するよりもおそらく手間がかからないでしょう。

于 2013-09-03T16:31:40.320 に答える
3

まず、font-face 宣言が正しくありません。次のようにする必要があります。

@font-face { ... }

次に、CSS で呼び出すには、次のようなものを追加する必要があります。

i { 
    font-family: 'FontAwesome', sans-serif; 
}

また

icon-bar { 
    font-family: 'FontAwesome', sans-serif; 
}

お役に立てれば。

于 2013-09-03T16:22:04.290 に答える