@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/icons@1.119.0, and switched to @tabler/icons-webfont@2.0.0 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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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/icons-webfont@2.1.2/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