/* --- Minimal Font Awesome subset --- */ /* 1. Font-face: Solid */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url('../webfonts/fa-solid-900.woff2') format('woff2'); } /* 2. Font-face: Brands */ @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; src: url('../webfonts/fa-brands-400.woff2') format('woff2'); } /* 3. Base icon class */ .fa, .fas, .fab { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } /* 4. Solid icons */ .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* 5. Brand icons */ .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } /* 6. Example subset of actual icons you use */ .fa-globe:before { content: "\f0ac"; } /* globe */ .fa-facebook:before { content: "\f09a"; } /* facebook */ .fa-twitter:before { content: "\f099"; } /* twitter */ .fa-instagram:before { content: "\f16d"; } /* instagram */ .fa-peace:before { content: "\f67c"; } /* peace symbol */