CDN font-awesome does not work correctly

1

Greetings! I have the following problem with font-awesome where I want to use the CDN provided by this library but I do not get the necessary result.

<!DOCTYPE html>
<html>
  <head>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="home.css">
    <script src="script.js"></script>

  </head>
  <body>
   <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
          <div>Esto es una prueba de font-awesome</div>

  </body>
</html>
    
asked by zerokira 18.09.2017 в 16:05
source

1 answer

2

You need to put rel="stylesheet" in link that refers to font-awesome.

It has to look like this:

<!DOCTYPE html>
<html>
  <head>  
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
    
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="home.css">
    <script src="script.js"></script>

  </head>
  <body>
   <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
          <div>Esto es una prueba de font-awesome</div>

  </body>
</html>
    
answered by 18.09.2017 / 16:12
source