CODEWITHSUNDEEP
htmlcss
user3635683
user3635683

Reputation:

Attempting to include font-awesome without CDN

Before I being I just want to say I did research this question, and I saw this post and followed the top answer's instruction but still nothing.

Okay here is a picture of my directory:

enter image description here

The fonts folder is just the regular fonts folder that comes with the font-awesome download. I then put the css file that came with font-awesome under css/font-awesome as shown below:

enter image description here

Here is a picture of my HTML code:

enter image description here

Here's my HTML Code:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Tinyone</title>

    <!-- CSS -->
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" >
    <link href="css/font-awesome/font-awesome.min.css">

    <!-- jQuery/JS/Fonts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700" rel="stylesheet">
</head>

I must be missing something, if anybody has any ideas could you please share them?

Thank you so much for reading, it's greatly appreciated.

Upvotes: 0

Views: 867

Answers (1)

user3635683
user3635683

Reputation:

The paths were all correct, but I forgot to include the rel="stylesheet" attribute to font-awesome <link>.

Thank you to RompePC for pointing this out to me.

Upvotes: 2

Related Questions