Fuente impresionante con bootstrap 3 no funciona

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

Pregunta

Este es mi encabezado donde he agregado fuente increíble como se indica en la página de inicio: 

<!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>

y intente probar la fuente increíble con la adición 

<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>

Pero el resultado es: Ninguna de las tipografías o iconos específicos de la fuente increíble.Parece que la fuente increíble no surgirá el código de bootstrap.¿Alguien puede ayudar?

¿Fue útil?

Solución

No tengo ningún problema con el siguiente ejemplo, que es básicamente una combinación de los dos fragmentos que publicó. 

<!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>

Como señaló Michal, su versión tenía una etiqueta de enlace abierto para la hoja de estilo Bootstrap.El único cambio que hice, estaba cargando bootstrap de un CDN también (ya que no tenía una copia local a mano).

Sin embargo, el ejemplo incluso funcionó cuando la etiqueta de enlace no estaba cerrada, pero eso podría depender del navegador utilizado.¿Recibió algún error en su consola (por ejemplo, componentes faltantes?)

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top