Jason White Jason White - 3 months ago 33
HTML Question

Font-Awesome css not working locally

I would like to use Font Awesome locally without using the cdn.

My code fails to add font awesome icons to my page.

I can make it work easily using the cdn link but the local link fails to do anything.

Thanks

Jason.

<!DOCTYPE html>
<html lang="en">

<head>

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


<title>How it Works | Rubberdesk </title>

<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">

<!-- Font-Awesome CSS -->
<link href="/font-awesome-4.3.0/css/font-awesome.min.css" rel="stylesheet">

Answer

What you have to do when you use bootstrap/font-awesome files locally is:

  1. Path stored must be clear.
  2. Path written inside the font-awesome.min.css should equal to (1)
  3. Version must have the same.
  4. the fonts in folder fonts/ are indeed related to font-awesome.min.css you've got right now.
  5. you must know how to write it on your script, as in; <span class="fa fa-home"></span>, etc.
Comments