Why is blueprint-icons.ttf always requested?

[bitjson]

Environment

• Package version(s): @blueprintjs/icons@5.1.7
• Browser and OS versions: Chromium: 115.0.5790.171 (arm64), macOS 13.6

Question

I'm using @blueprintjs/icons in a Vite project (yarn create vite repro-app --template react-swc-ts) following the static imports method, e.g.:

import { Person } from '@blueprintjs/icons';

// ...

<Person size={12} />

When I throttle network speed and record performance in Chrome, I notice that blueprint-icons.ttf is the last resource requested over the network, delaying the Load event a little while longer:

As far as I can tell, icons are already being rendered as SVGs before this request is even made, and I'm not certain if this file ever gets used.

Could anyone help me understand – what is the purpose of this file? Is it possible to configure @blueprintjs/icons to prevent the file from being requested? Thanks!

[adidahiya]

Is it possible to configure @blueprintjs/icons to prevent the file from being requested?

Yes, it should be possible to avoid the font imports by omitting blueprint-icons.css from your bundle. You will notice that this file only imports font files, so if you are not using any of the icon font APIs, you can remove any import of it:

- import "@blueprintjs/icons/lib/css/blueprint-icons.css";

See: https://unpkg.com/browse/@blueprintjs/icons@5.1.7/lib/css/blueprint-icons.css

[bitjson]

Ah, great, thanks for the confirmation!