2013-08-14 6 views
-2

Я пробовал все, но все же значок не отображается.Почему мой шрифт Awesome не работает?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> 
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 
</head> 
<body> 
<i class="icon-camera-retro"></i> icon-camera-retro 
</body> 
</html> 

Не работает :(

+0

Разве консоль говорит что-нибудь информативное или что-нибудь вообще? Кроме того, как вы загружаете этот файл? Если вы загружаете это из файловой системы (используя протокол 'file: //'), то доступ к тем ресурсам, на которые ссылается префикс с двойной перекодировкой, не будет работать, –

+3

Являются ли адреса разрешимыми? Говоря нам, что у вас есть «Пробовать все», мы не оставляем много вещей, чтобы попробовать по-другому, чем то, что вы уже пробовали. –

+0

Ваша проблема решена? –

ответ

2

Добавить http: в начале URL

href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" 

Если вы разрабатывали это с помощью веб-сервера, ваш код будет работать. Это предполагается, что вы не используете и используете локальную среду, и поэтому вы должны добавить http:

Для получения дополнительной информации см. this post

+5

Это не обязательно, если только он не находится в файле: // '. Он использует URL-адрес, относящийся к протоколу. – SLaks

+1

Согласен, но вполне вероятно, что он находится на 'file: //'. Ссылки были скопированы непосредственно с сайта-ужасающего шрифта, так что это единственный логический вывод, если он не говорит нам иначе –

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