Optimise page load time: icon font or SVG?

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=gdL7XWlFJ9c


Duration: 2:18
20,517 views
706

Icon fonts are useful, but these days it's often better to replace them with SVGs.

Learn how to simplify your code and improve performance by replacing icon fonts with SVGs.

Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG → https://goo.gle/2pvOWBh
SVG icons → https://goo.gle/2n6z4Es
SVG logos → https://goo.gle/2nN9dSr

Series playlist → https://goo.gle/2GFvRCv
Subscribe to Google Chrome Developers here → https://goo.gle/ChromeDevs



Other Videos By Chrome for Developers


2019-11-07Motion design in UI - Designing in the Browser
2019-11-06Don’t miss #AskChrome live at #ChromeDevSummit 2019!
2019-11-06Video - The State of the Web
2019-11-05Importing JSON - ABANDONED - HTTP 203
2019-10-30DevTools - #AskChrome
2019-10-24Intro to Designing in the Browser
2019-10-23WebAssembly Interface Types - HTTP 203
2019-10-22New in Chrome 78: New origin trials, CSS Properties & Values API, and fresher service workers!
2019-10-14Chrome 78 - What’s New in DevTools
2019-10-07Chrome Dev Summit 2019 - Livestream Registration
2019-10-03Optimise page load time: icon font or SVG?
2019-10-02AMP - The State of the Web
2019-09-26Load your page faster: high performance image carousels
2019-09-25Images - #AskChrome
2019-09-23#AskChrome - Answering your Web questions
2019-09-12Optimise your code: load code at the right time
2019-09-11Import maps - HTTP 203
2019-09-10New in Chrome 77: Native Lazy Loading, Largest Contentful Paint, and New Forms Capabilities
2019-09-04Globalization Tools - The State of the Web
2019-09-03Chrome 77 - What’s New in DevTools
2019-08-27Push Notifications - HTTP 203


Tags:
Chrome
Developers
Google
Web
web performance
web images
responsive images
icon font
svg
GDS: Yes;