Font Pairing for Portfolios

Curated type pairings that work for designer portfolios. Pick your vibe, preview with real content, copy the CSS.

Sarah Chen — Product Designer

I design systems that scale and experiences people remember. Currently leading design at Stripe.

Preview with your own text

Inter + Inter

The Safe Bet

Inter does everything well. Using it for both heading and body with weight contrast creates a clean, professional look that never distracts from the work.

Heading

Inter 600

Body

Inter 400

Copy CSS

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;400&display=swap');

/* Headings */
h1, h2, h3 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

/* Body text */
body, p {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

Fonts picked. Portfolio next?

Get honest feedback on your entire portfolio — typography, layout, content, and more.

Get a Free Portfolio Critique