ブートストラップ3でフォントが働いていません

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

質問

これは私がホームページで述べられているようにフォントを追加した私のヘッダーです：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="../css/bootstrap.css" rel="stylesheet"
</head>
.

を追加して

を追加してフォント素晴らしいテストを試してください。 
<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
</a>
.

しかし結果は次のとおりです。フォントの素晴らしい特定のタイポグラフィまたはアイコンはありません。フォント素晴らしさがブートストラップコードを圧縮しないようです。誰もが助けることができますか？

役に立ちましたか？

解決

次の例に問題はありません。これは基本的に投稿した2つのスニペットの組み合わせです。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- Custom Font awesome -->
  <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

  <!-- Bootstrap core CSS -->
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
</head>    

<body>
  <a class="btn btn-lg btn-success" href="#">
    <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.0.3
  </a>
</body>
</html>
.

マイコル述べたとして、あなたのバージョンはブートストラップスタイルシートのためのオープンリンクタグを持っていました。私がした唯一の変更は、（ローカルコピーの便利なものを持っていなかったので）CDNからのブートストラップをロードしていました。

しかし、リンクタグが閉じられていないが、使用されているブラウザに依存する可能性があります。あなたはあなたのコンソールにエラーを獲得しましたか（例えば、コンポーネントがない？）

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