4
Need to Add an icon in a menu, the icon I want to use is the:
fa fa-file-pdf-o (PDF)
Classy:
font-awesome.min.css
Only there is a problem when I add it. It appears as follows:
The HTML code that creates this menu item is below:
<div class="caixa" title="Gerar PDF" id="pdf" data-toggle="modal" data-target="#pdf">
<i class="fa fa-file-pdf-o"></i>
<br>
<h4>PDF</h4>
</div>
And the CSS code of these tags is following:
.caixa{
background-color: white;
display: inline-table; /*o inline-block deixa na mesma linha horizontal*/
position: relative;
text-align: center;
cursor: pointer;
width: 5%;
padding: 0;
border-radius: 5%;
border: none;
margin-top: 1%;
margin-right: 1%;
float: right;
}
.fa:before{
font-family: FontAwesome !important;
}
.caixa h4{
font-family: century gothic;
color: rgba(0,0,0,0.8);
font-size: 90%;
margin: 0;
padding: 0;
border: 0;
}
The error reported by browser is this:
Failed to load Resource: the server responded with a status of 404 (Not Found) fontawesome-Webfont.ttf
Failed to load Resource: the server responded with a status of 404 (Not Found) fontawesome-Webfont.Woff
My php page requesting the css file:
The file that is requested is inside the css folder:
And the way it’s imported into the code...
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
report.php:1 GET http://localhost/System%20-%20Control%20Geral%20de%20Alunos/fonts/fontawesome-Webfont.Woff? v=4.1.0 report.php:1 GET http://localhost/System%20-%20Control%20Geral%20from%20Alunos/fonts/fontawesome-Webfont.ttf? v=4.1.0 404 (Not Found) Presented these errors!
– Carlos Henrique