0

ウェブサイトで bootstrap.min.css を使用してブートストラップの検証を行っています。検証は完了しましたが、フォントが見つからないためハードルが生じます。スクリーンショーツを追加しました。フォントが見つからない理由を教えてください。

ここに画像の説明を入力

bootstrap.min.css のコード

.glyphicon-ok:before {
    content: "\e013"
}
.glyphicon-remove:before {
    content: "\e014"
}

firebug に入っていますので、ご確認ください。私は多くのことを試みましたが、それを修正することはできません。前もって感謝します。どんな提案でも大歓迎です。

4

1 に答える 1

1

あなたの質問には不明な点がたくさんありますが、

と のどのバージョンをbootstrapvalidator使用bootstrapしていますか?

feedback iconsJSに含まれていますか？

feedbackIcons: {
    valid: 'glyphicon glyphicon-ok',
    invalid: 'glyphicon glyphicon-remove',
    validating: 'glyphicon glyphicon-refresh'
},

bootstrap.cssまたはbootstrap.min.cssローカル サーバーからロードしていますか?

すべてのフォント ファイルが存在し、名前が正しいか?

fonts フォルダのパスは正しいですか?

可能な解決策。

ほとんどの場合、これは、フォント ファイルが見つからないか、正しく読み込まれていない、フォルダー名が間違っている、またはフォント ファイルのパスが間違っている場合に発生します。

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

bootstrap.cssCDN サーバーから読み込み、

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css"/>

フォント アイコンが表示されている場合は、ローカルbootstrap.cssファイルでフォント パスとフォルダ名が正しく、フォント ファイルが存在し、ファイル名が正しいことを確認します。

正しいフォントを入手するには、Bootstrap のホームページにアクセスして、完全な .zip ファイルをダウンロードしてください。そこから 4 つのフォント ファイルをフォント ディレクトリに抽出すると、すべてが機能するはずです。

于 2016-02-12T08:55:40.333 に答える