I would like to load a custum font (Font Awesome) in order to use specific icons in my document. I have the following code and I see only a '?' where the icon should be.
@font-face {
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
url("//fontawesome-webfont.ttf");
}
.fa {
font-family: "FontAwesome";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon1:before {
content: "\f00b";
}
@font-face {
font-family: "FontAwesome";
font-style: normal;
font-weight: normal;
url("//fontawesome-webfont.ttf");
}
.fa {
font-family: "FontAwesome";
display: inline-block;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-icon1:before {
content: "\f00b";
}