Skip to content

fix(webfont): bring back all, outlined variant of webfont#1511

Open
kakkokari-gtyih wants to merge 2 commits into
tabler:mainfrom
kakkokari-gtyih:fix-1452
Open

fix(webfont): bring back all, outlined variant of webfont#1511
kakkokari-gtyih wants to merge 2 commits into
tabler:mainfrom
kakkokari-gtyih:fix-1452

Conversation

@kakkokari-gtyih
Copy link
Copy Markdown

@kakkokari-gtyih kakkokari-gtyih commented Apr 24, 2026

Starting with v3.36.x, assets in the tabler-icons-<weight>-outline.css series are no longer generated; instead, they are now generated as tabler-icons-<weight>.css. As a result, there were no longer any variants that allowed the use of both filled and outline simultaneously.

This fix builds a new all variant after the outline build. In the all variant, the -filled suffix is appended to the filled icon names (the same behavior as in versions prior to 3.35.0).

image image

Fix #1415
Fix #1452

@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 24, 2026

@kakkokari-gtyih is attempting to deploy a commit to the Tabler Team on Vercel.

A member of the Team first needs to authorize it.

Comment on lines +10 to +13
// Generate filled icons
const filledDirname = path.join(DIR, 'icons-filled');
await processIcons(filledFiles, filledDirname, 'filled', DIR);
await generateFont('filled', 'filled', DIR);
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since the filled variant is required to generate the all variant, I've changed the code to build the filled first.

"build:prepare": "mkdir -p icons-outlined dist && rm -fdr dist/*",
"build:webfont": "rm -fd dist/fonts/* && node .build/build-webfont.mjs",
"build:css": "pnpm run build:css:outline && pnpm run build:css:filled",
"build:css": "pnpm run build:css:outline && pnpm run build:css:filled && pnpm run build:css:all",
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've added the CSS generation for the all variant, as it was missing (but presented as an independent build script).

Comment on lines -45 to -49
"dependencies": {
"@tabler/icons": "workspace:",
"svg-path-commander": "^2.1.11",
"svgtofont": "^6.5.0"
},
Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These dependencies are only needed at build time, so I moved them to devDependencies.

@kakkokari-gtyih
Copy link
Copy Markdown
Author

kakkokari-gtyih commented May 13, 2026

Updated to current main branch.

Are there anything I can do to move this forward? Thanks!

@github-actions
Copy link
Copy Markdown

✅ All icons are valid!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Webfont] Can't use filled and non-filled icons at the same time in latest version (3.36.1) CDN missing filled icons

1 participant