The Source Serif 4 font on real websites

5 websites set in Source Serif 4, with their font pairings and stack.

WebsitesElements

5 websites in the save.design library use Source Serif 4. It shows up most on portfolio and agency sites. It's most often paired with Geist, Figtree and Sf Pro Display. Sites using Source Serif 4 are most often built with Next.js (40%).

Built with

Next.js40%React40%Three.js20%GSAP20%Lenis20%Tailwind CSS20%

Categories

Portfolio60%Agency60%Marketing40%Personal sites20%AI20%

Industries

Creative agency40%Design20%Technology20%Marketing20%Fashion20%

Paired with

Geist40%Figtree20%Sf Pro Display20%Inter Display20%Montserrat20%Source Sans 320%
No more websites to load

Questions

Which websites use Source Serif 4?

Recent examples include sergeybertagnini.com, mecollective.vn, rfg.be and six06strategy.com. All 5 websites using Source Serif 4 are on this page, with the rest of their fonts and their tech stack.

What fonts pair well with Source Serif 4?

On real sites, Source Serif 4 is most often set alongside Geist (40% of them), Figtree (20% of them) and Sf Pro Display (20% of them).

How do I find out what font a website uses?

If it's in the save.design library, its page shows its full stack. For any other site, the analyzer in a save.design account reads the live page and lists the framework, animation libraries, fonts and platform it finds.

Check any site yourself with the website analyzer.