glyphiconsなしのブートストラップ3はフォント素晴らしいと置き換えられました

StackOverflow https://stackoverflow.com//questions/22029116

質問

フォント素晴らしいフォントを支持してブートストラップ3 glyphiconsを削除したいです。フォント素晴らしさはすでにほとんどのグリフィコンyを含み、それらを含めたくない、そして重複や互換性の問題を回避したくない。

カスタマイズされたブートストラップダウンロードを作成したら、Glyphiconコンポーネントをオフにすると、CSSファイルのグリフィコン参照がいくつか表示されます。 http://getbootstrap.com/customize/

どのように私はそれらのアイコンを完全に無効にすることができますか？

ありがとう

役に立ちましたか？

解決

コンパイルされたCSSの残りの6つのグリフィコン参照は、カルーセルコンポーネント内の次の+ PREVボタンのためのグリフィコンのオプションの使用に関するものです。問題の宣言は、NEXT + PREVボタン以外のボタンにも使用されており、完全なファイルサイズの絶対的な些細な量を表しているので、私はそれらを無視するだけです。すべての実用的な目的のために、あなたはすでにあなたのビルドからglyphiconsを排除しました。

絶対に言及している場合は、手動でコンパイル、事前にbootstrap/less/carousel.lessから問題を解除し、@import "glyphicons.less";からbootstrap/less/bootstrap.lessラインを削除します。
あるいは、関連する削除が簡単なので、ブートストラップカスタマイザが既に生成されたCSSを手動で編集することができます。

他のヒント

フォントでブートストラップを使用するときは、カスタマイズページに行き、あなたがしたようにGlyphiconコンポーネントをオフにしましたが、私もこのコードの行を追加するを追加する（オーバーライドファイル）：

[class^="icon-"],
[class*="icon-"] {
  background: none;
}
.

また、ダウンロードした（カスタマイズした）メインブートストラップファイルを開き、font-family: 'Glyphicons Halflings';を検索してから、すべての@font-faceをコメントしてください。

これがあなたを助けることを願っています

lase （Bootstrap 3.3.5のテスト済み）：

最初の、カルーセルのアイコンをオーバーライドする：

// Overloading "glyphicon" class with "fa".
.glyphicon
{

    &:extend(.fa);

    // Overloading "glyphicon-chevron-left" with "fa-arrow-left".
    &.glyphicon-chevron-left
    {
        &:extend(.fa-chevron-left);
    }

    // Overloading "glyphicon-chevron-right" with "fa-arrow-right".
    &.glyphicon-chevron-right
    {
        &:extend(.fa-chevron-right);
    }
}
.

この部分は、Steven ClontzのスラバFOMIN ANSWER .com / angular-ui / bootstrap /問題/ 2475＃issuecomment-49469969 "rel=" nofollow noreferrer ">ベースコード

次のステップ：glyphiconsの読み込みを無効にする：

//** Load fonts from this directory.
@icon-font-path:          "../fonts/";
//** File name for all font files.
@icon-font-name:          "fontawesome-webfont";
//** Element ID within SVG icon file.
@icon-font-svg-id:        "fontawesomeregular";
.

LESKCを忘れないでください遅延ローディング：@icon-font-svg-idおよび他のvarsあなたがセットした最新の値があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top