3 ms·
Yep This is a reasonable approach if you have a large number of icons across large parts of the site, but you should always compile the CSS/icon set down to on
by lobsterthief 2y ago
Yep
This is a reasonable approach if you have a large number of icons across large parts of the site, but you should always compile the CSS/icon set down to only those used.
If only a few icons, and the icons are small, then inlining the SVG is a better option. But if you have too many SVGs directly embedded on the site, the page size itself will suffer.
As always with website optimization, whether something is a good option always “depends”.
- lifthrasiir 2y agoI think at least some recent tools will produce ligatures to turn a plain text into an icon to avoid this issue.
- alpaca128 2y agoAnother detail is that this feature breaks and makes some sites nearly unusable if the browser is set to ignore a website's custom fonts.
- yencabulator 2y agoMore reasonable than this class+CSS would be e.g. a React/static-website-template/etc custom element that outputs the correct glyph. The output doesn't need to contain this indirection, and all of the possibilities.