# Michael Irigoyen - Stop Using Icon Fonts (Highlights) ![rw-book-cover|256](https://readwise-assets.s3.amazonaws.com/static/images/article1.be68295a7e40.png) ## Metadata **Cover**:: https://readwise-assets.s3.amazonaws.com/static/images/article1.be68295a7e40.png **Source**:: #from/readwise **Zettel**:: #zettel/fleeting **Status**:: #x **Authors**:: [[Michael Irigoyen]] **Full Title**:: Stop Using Icon Fonts **Category**:: #articles #readwise/articles **Category Icon**:: 📰 **URL**:: [www.irigoyen.dev](https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/) **Host**:: [[www.irigoyen.dev]] **Highlighted**:: [[2021-03-06]] **Created**:: [[2022-09-26]] ## Highlights - While waiting for the font asset, the browser will choose to display the textual content of the HTML before actually receiving it. This results in a flash of unstyled content (FOUC). ### To fully support the use of SVGs on your site, make sure you're following other common best practices - Optimize your SVGs — Run your SVG images through an optimizer to get the size down. - Enable Compression — Configure your server to send all textual assets (HTML, JS, CSS) with Brotli (or GZIP). - Cache effectively — Set appropriate caching headers so your visitors only download things as they change.