#19991·Font-Awesome

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