2

私はRoots WordPress テーマを使用していますが、Bootstrap が有効なサイトでもプロセスは同じであると確信しています。

組み込みの Twitter Bootstrap アイコンを無効にして、代わりに Font Awesome を使用したいと思います。Font Awesome を読み込んで動作していますが、一部のアイコンicon-envelopeは両方のセットからアイコンを読み込んでいるようです。

デフォルトの Twitter Bootstrap アイコンを無効にする方法はありますか?

4

1 に答える 1

2

Roots リポジトリの LESS ソースを CSS に再コンパイルし、Font Awesome Web サイトのIntegration セクションにある変更を行う必要があります。

レイジーウェイ

bootstrap.cssRoots リポジトリとbootstrap.min.cssBootstrap リポジトリの diff を実行したところ、それらは同一であることがわかりました。したがって、技術的には、 Bootstrap Customize pageを使用し、チェックボックスをオフにIconsして、下部にある巨大な DOWNLOAD ボタンを押すだけでよいはずです。

bootstrap.cssRoots テーマの を、ダウンロードした zipbootstrap.min.cssのディレクトリの に置き換えます (もちろん、名前を変更します)。css

Font Awesome が提供する CSS ファイルを使用するだけです。

終わり。

ロング（徹底）ウェイ

  1. Roots リポジトリのコピーを複製します。

  2. なんらかの形式の LESS コンパイラをインストールします ( LESS コンパイルに関する Twitter Bootstrap ページを参照してください) 。

  3. font-awesome.lessディレクトリを含め、Font Awesome ファイルをリポジトリにコピーしますroots/css/less。

  4. を編集して、bootstrap.lessに置き換えます@import "sprites.less";@import "font-awesome.less";

  5. ファイル内のフォントへのパスを更新しfont-awesome.lessます。

  6. にコンパイルbootstrap.lessしbootstrap.cssます。(縮小化を忘れないでください)

  7. そのファイルを使用して、指定したディレクトリにフォントをアップロードします。

選択はあなた次第です。どちらでも動作するはずです。

アップデート

BootstrapCDNは、アイコンのないバージョンの Bootstrap と FontAwesome CSS ファイルを提供するようになりました。これにより、「怠惰な方法」がさらに単純になります。

于 2012-07-07T23:21:39.220 に答える