FontAwesome; Не работает

-1

Это должно быть просто. Я просто хочу отобразить шрифт-удивительный шрифт для удаления, а шрифт - потрясающий шрифт fa-camera-retro. Что я делаю неправильно. Я убедился, что использую подходящий класс; Я просмотрел веб-сайт и просто загрузил CDN.FontAwesome; Не работает

Скопируйте этот файл на свой жесткий диск и назовите его Index.html; Изучите это через ЛЮБОЙ браузер; Это не будет работать. Как-то он работает на скрипке! WTF?

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title> Test </title> 
     <meta charset="utf-8">  
     <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
     <script> </script> 

    </head> 
<body> 
WHY DOESNT THIS WORK = Remove It - <i class="fa fa-remove"></i> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <table class="table table-hover"> 
        <thead> 
         <tr> 
          <th> Heading 1 </th> 
          <th> Heading 2 </th> 
          <th> Remove </th> 
          <th> Icon 2 </th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td> Element 1 </td> 
          <td> Element 2 </td> 
          <td>WHY DOESNT THIS WORK = <i class="fa fa-camera-retro"></i></td> 
          <td><i class="fa fa-times"></i></td> 
         </tr> 

        </tbody> 
       </table> 
      </div> 
     </div> 
     </body> 
    </html>

источник

2015-03-01 FlyingV

Я не понимаю; Это не работает в моем браузере. Я использую Linux Mint с Google Chrome и Firefox. – FlyingV

Работает; Мне нужен href = http: // – FlyingV

Добавить https: (шестая линия)

 <!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <title> Test </title> 
     <meta charset="utf-8">  
     <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
     <script> </script> 

    </head> 
<body> 
WHY DOESNT THIS WORK = Remove It - <i class="fa fa-remove"></i> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-6"> 
       <table class="table table-hover"> 
        <thead> 
         <tr> 
          <th> Heading 1 </th> 
          <th> Heading 2 </th> 
          <th> Remove </th> 
          <th> Icon 2 </th> 
         </tr> 
        </thead> 
        <tbody> 
         <tr> 
          <td> Element 1 </td> 
          <td> Element 2 </td> 
          <td>WHY DOESNT THIS WORK = <i class="fa fa-camera-retro"></i></td> 
          <td><i class="fa fa-times"></i></td> 
         </tr> 

        </tbody> 
       </table> 
      </div> 
     </div> 
     </body> 
    </html>

источник

2015-03-01 21:38:01 Mert

FontAwesome; Не работает

ответ

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