Bug: 6.4.2 missing font family names in root vars
Author: morpolspcCreated Nov 9, 2023Updated Sep 14, 2026
Labelswaiting for feedbackneeds-triage
Bug description
Kit created online with v6.4.2 Downloaded kit and self hosting. Using scss files to compile.
See included screenshot... the root vars are incorrect and missing the font-family names, therefore, the icons do not show properly.
example :
:root, :host {
--fa-style-family-classic: "";
--fa-font-solid: normal 900 1em/1 "";
should be :
:root, :host {
--fa-style-family-classic: "Font Awesome 6 Pro";
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
Polite sentence to point out a bug the scss files and/or more somewhere so it is not compiling these correctly.
When using the icons in css where the var is used the icon doesn't show because the var itself is wrong. Example :
#someid::before {
display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);
content: '\f32b';
}
Reproducible test case
No response
Screenshots
Font Awesome version
v6.4.2
Serving
Kit, Self-hosted
Implementation
CSS
Browser and Operating System
ALL
Web bug report checklist
- I have included a test case because my odds go way up that the team can fix this when I do
- I have searched for existing issues and to the best of my knowledge this is not a duplicate
Source: FortAwesome/Font-Awesome