Fonts and icon packs are easy to add and easy to overuse. Several font weights plus a full icon library can add noticeable load time.
Fonts
- Use one or two font families.
- Load only the weights you use, such as 400 and 700.
- Use WOFF2 format.
- Add font-display: swap so text appears immediately.
- Consider system fonts for maximum speed.
- Preload the main font only if it is critical.
Icons
- Use inline SVG for the handful of icons you need.
- Avoid loading a full icon font for five icons.
- Keep icons simple and consistent.
Images instead of text
Do not put headlines into images; real text loads faster and is readable by search engines and screen readers. Use modern image formats; convert with our format converter.
Sizes
Use a consistent type scale in rem; convert with our px to rem converter.
Read landing page speed.
Want the full picture? This article is part of Landing pages: the complete guide, our in-depth guide with everything in one place.
