@tabler/icons-webfont@2 fonts are not OpenType spec compliant

[outloudvi]

(This may not directly relate to production problems but could be of interest for someone.)

Firefox Nightly will by default validate OTL data in webfonts, and refuse to load those which are not compliant. This can be togged via about:config's gfx.downloadable_fonts.otl_validation (default false on release/beta versions).

A website I use was previously using @tabler/[email protected], and switched to @tabler/[email protected] recently. After that, I noticed that my Firefox Nightly 111.0a1 doesn't display the iconfont anymore. After switching gfx.downloadable_fonts.otl_validation off, the iconfont renders normally.

Minimal reproducible example (view on Codepen):

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/[email protected]/tabler-icons.css">
<i class="icon ti ti-home ti-fw"></i>

Related console error logs:

downloadable font: GSUB: Bad ligature offset 3218 for ligature 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: GSUB: Failed to parse ligature set 18 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: Layout: Failed to parse lookup subtable 3 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: Layout: Failed to parse subtable 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: Layout: Failed to parse lookup 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: GSUB: Failed to parse lookup list table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: GSUB: Failed to parse table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: rejected by sanitizer (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:1) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff2?v2.1.2
downloadable font: GSUB: Bad ligature offset 3218 for ligature 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: GSUB: Failed to parse ligature set 18 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: Layout: Failed to parse lookup subtable 3 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: Layout: Failed to parse subtable 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: Layout: Failed to parse lookup 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: GSUB: Failed to parse lookup list table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: GSUB: Failed to parse table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: rejected by sanitizer (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:2) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.woff?
downloadable font: GSUB: Bad ligature offset 3218 for ligature 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: GSUB: Failed to parse ligature set 18 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: Layout: Failed to parse lookup subtable 3 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: Layout: Failed to parse subtable 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: Layout: Failed to parse lookup 0 (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: GSUB: Failed to parse lookup list table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: GSUB: Failed to parse table (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2
downloadable font: rejected by sanitizer (font-family: "tabler-icons" style:normal weight:400 stretch:100 src index:3) source: https://cdn.jsdelivr.net/npm/@tabler/[email protected]/fonts/tabler-icons.ttf?v2.1.2 

[github-actions[bot]]

This issue is stale because it has been open for 360 days with no activity.

[oldherl]

Please reopen. This issue is still affecting misskey.io

[jpotyka]

I can confirm the same behaviour.

• Tabler Icons 2.47.0
• Firefox Nightly 127.0a1