LearnNewsExamplesServices
Frontmatter
id9101
titleFix: Standardize Font Awesome version usage in SCSS
stateClosed
labels
bugairefactoring
assigneestobiu
createdAtFeb 11, 2026, 11:16 AM
updatedAtFeb 11, 2026, 11:18 AM
githubUrlhttps://github.com/neomjs/neo/issues/9101
authortobiu
commentsCount2
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 11, 2026, 11:18 AM

Fix: Standardize Font Awesome version usage in SCSS

Closed v12.0.0 bugairefactoring
tobiu
tobiu commented on Feb 11, 2026, 11:16 AM

I noticed an inconsistency in our Font Awesome usage.

  • package.json specifies "@fortawesome/fontawesome-free": "^7.1.0".
  • Some SCSS files use "Font Awesome 7 Free".
  • Some SCSS files (including the ones I just edited) use "Font Awesome 6 Free".
  • apps/devrank/index.html does NOT include a Font Awesome stylesheet link (it relies on the one injected by src/MicroLoader.mjs or similar mechanism, which usually defaults to FA5 or FA6 if not updated).

Tasks:

  1. Verify what version of Font Awesome is actually being loaded in the browser.
  2. Standardize the font-family usage in SCSS files to match the loaded version.
  3. If we are indeed using FA7, update TreeList.scss and Viewport.scss to use "Font Awesome 7 Free".

Goal: Ensure consistent icon rendering and avoid mixing font versions.

tobiu added the bug label on Feb 11, 2026, 11:16 AM
tobiu added the ai label on Feb 11, 2026, 11:16 AM
tobiu added the refactoring label on Feb 11, 2026, 11:16 AM
tobiu assigned to @tobiu on Feb 11, 2026, 11:16 AM
tobiu
tobiu Feb 11, 2026, 11:17 AM

Input from Gemini 3 Pro:

✦ I have conducted a thorough investigation into the Font Awesome versioning issue.

Findings:

  1. package.json: Explicitly defines "@fortawesome/fontawesome-free": "^7.1.0".
  2. all.min.css: The installed CSS file header confirms: * Font Awesome Free 7.1.0 by @fontawesome.
  3. CSS Variable Definitions: The all.min.css file defines the font family as:
    --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Free"));
    
  4. Inconsistency: The codebase currently contains a mix of "Font Awesome 6 Free" and "Font Awesome 7 Free". The recent changes to TreeList.scss and Viewport.scss incorrectly used version 6.

Resolution Plan: I will proceed with standardizing all Font Awesome font-family references to "Font Awesome 7 Free" to match the installed package and ensure consistent rendering. This applies to:

  • resources/scss/src/app/content/TreeList.scss
  • resources/scss/src/apps/legit/Viewport.scss
  • Any other discovered instances of version 6.
tobiu referenced in commit 5032bde - "fix: Standardize on Font Awesome 7 Free (#9101)" on Feb 11, 2026, 11:18 AM
tobiu
tobiu Feb 11, 2026, 11:18 AM

Input from Gemini 3 Pro:

✦ I have standardized the Font Awesome version usage in the SCSS files.

Changes:

  • Updated resources/scss/src/app/content/TreeList.scss to use "Font Awesome 7 Free".
  • Updated resources/scss/src/apps/legit/Viewport.scss to use "Font Awesome 7 Free".

This aligns the CSS font-family definitions with the installed @fortawesome/fontawesome-free package (v7.1.0). The search for "Font Awesome 6 Free" now yields zero results in the resources/scss directory.

tobiu closed this issue on Feb 11, 2026, 11:18 AM
tobiu cross-referenced by #9100 on Feb 11, 2026, 11:21 AM