2013-11-17 1 views
1

Это мой заголовок, где я добавил шрифт удивительным, как указано на странице:шрифт Удивительная с начальной загрузки 3 не работает

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

Но результатом является: ни один из шрифтов не является удивительной конкретной типографикой или значками. Кажется, что шрифт awesome не будет подавлять код начальной загрузки. Кто-нибудь может помочь?

+0

Ваша ссылка на загрузочную страницу сломана. можете ли вы дать скрипку, чтобы воспроизвести эту проблему? какой результат вы получаете? –

ответ

5

У меня нет никаких проблем со следующим примером, который представляет собой комбинацию двух отрывков, которые вы опубликовали.

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

Как отметил Михал, ваша версия имела тег открытой ссылки для стилей Bootstrap. Единственное изменение, которое я сделал, - это загрузка Bootstrap из CDN (так как у меня не было локальной копии).

Однако пример даже работал, когда тег ссылки не был закрыт, но это может зависеть от используемого браузера. Были ли у вас какие-либо ошибки в вашей консоли (например, отсутствующие компоненты?)

Смежные вопросы