Problem with Font Awesome

Problem with Font Awesome
0

#1

Hi to everybody! I’m trying to add Font Awesome to a very rudimental project I’m creating with notepad editor: as suggested by your site at the link ‘https://www.freecodecamp.org/challenges/add-font-awesome-icons-to-our-buttons’ I just added the following code ‘https://www.freecodecamp.org/challenges/add-font-awesome-icons-to-our-buttons’ to the top of my HTML file but it doesn’t work. Please someone could tell me what’s going wrong? Thank you


#2

We need to be able to see the actual code that is in your notepad in order to help you fix the issue.


#3

Ok this is the code (I’m sorry but I’m a beginner…It’s the first time I approach the world of programming)

<!DOCTYPE html>
<html>
 <head><title>My first web page!</title></head>  
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> 
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0-beta/css/font-awesome.min.css"/>   
     <body>
       <div class="container-fluid">
         <h1> Hello World </h1>
         <button class="btn btn-primary fa fa-thumbs-up" >Like</button>
         <button class="btn btn-danger fa fa-trash">Dislike</button>
       </div>     
     </body>
</html>

#6

I’m trying to follow your instructions but I’m not able to post here the code inside my editor :(((((((


#7

Ok thank you very much! :slight_smile:


#8

I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard.