Hello,
https://codepen.io/freeCodeCamp/pen/RKRbwL
I would like to begin “product a landing page” HTML CSS project.
Is it possible to recover the assets of the page, particularely the icons ?
those are fontawesome icons, added through importing this in the css
https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css
How I can use it. With VScode ?
you need to import it in your code, if you are not using codepen I suggest researching how to import external css files
I don’t need the CSS code, just the icons. I will do the css code.
Is it possible to have the icons ?
I managed to unzip it. I could use it in my code but it’s mostly the icons that I would like to get.
hereunder just an litle extract:
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%;
}
How are the others doing ?
you don’t need to extract it, you need to import it in your html file
fontawesome is a css library that can be used to add icons to your project
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.