BonFX

Typography & Graphic Design Blog

  • Blog
  • Font Combinations
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • Contact
You are here: Home / Font Combinations / What Fonts Go With Segoe UI?

The BonFX Letter

One good pairing.
Every Tuesday.

2-minute read · free

This week — no. 14

Quiet authority

Merriweather sets the tone in one line. Lato stays out of the way and lets it.

MERRIWEATHER 700  +  LATO 400

A font specimen, a pairing that works, and one line on why it works. That is the whole email.

Free. One click to unsubscribe. No sharing, ever.

segoe ui font pairing

What Fonts Go With Segoe UI?

Segoe UI pairs great with Cambria, Georgia and Noto Sans. All 12 pairings are shown below in real rendered specimens, with the reason each one works.

Segoe UI type specimen

What fonts go with Segoe UI? Start with the fact that it was never designed to be interesting. Steve Matteson drew it as Microsoft’s interface typeface, the plain, readable voice behind every button, label, and menu on Windows since Vista, and it has been quietly running the operating system’s screens since 2007.

Segoe UI is a humanist sans-serif built for one job: clarity at interface sizes. Microsoft’s own documentation describes it as a clear, readable sans-serif family with an open, neutral look, equally at home in headlines and in short passages of text — labels, captions, signs, subtitles, the terse strings that make up most of a modern UI. It became Windows’ default interface font with the release of Windows Vista in 2007, and its wide script support carries it across Latin, Greek, Cyrillic, Arabic, Hebrew, Armenian, Georgian, and Vietnamese, all inside one consistent design.

That single-purpose design is also the pairing challenge. Segoe UI was built to disappear into an interface, not to carry a brand or a long article, so most of its real pairings fall into two groups: functional companions that Microsoft itself ships alongside it for a specific job — a serif for long text, a monospace for code, a script-specific face for languages Segoe UI’s Latin design does not cover — and substitution partners, fonts that stand in for Segoe UI’s role on platforms where the real thing is not available. Here are the fonts, starting with the ones Microsoft’s own documentation puts next to Segoe UI.

Font Pairings for Segoe UI

  1. Cambria
  2. Georgia
  3. Noto Sans
  4. Nanum Gothic
  5. Cascadia Code
  6. Inter
  7. Roboto
  8. Arial
  9. Lucida Grande
  10. Helvetica Neue
  11. VT323
  12. Bungee

1. Cambria

Segoe UI and Cambria font pairing: Segoe UI headline with Cambria body text

Microsoft’s own Windows Apps Typography guide keeps Segoe UI in a sans-serif table for headings and UI elements, then places serif faces in a separate table for presenting large amounts of text — Cambria sits at the top of that second table. Jelle Bosma designed Cambria in 2004 as part of Microsoft’s ClearType Font Collection, drawing it as a potential replacement for Times New Roman: even letter proportions, open spacing, short stubby serifs, and very little stroke contrast, all built for comfortable reading on screen. The pairing is Microsoft’s own documented advice: run Segoe UI for chrome and short strings, switch to Cambria the moment body copy runs to full paragraphs, then switch back for labels and controls.

Character specimen: Segoe UI (heading) and Cambria (body) letters, numbers and symbols side by side
Ad
BonFX Consulting

Junior work is now a prompt. The biggest profit center in your studio is vanishing.

How to fix this?

Find Out How

2. Georgia

Segoe UI and Georgia font pairing: Segoe UI headline with Georgia body text

The same official guidance offers a second serif option: Georgia, designed by Matthew Carter and released by Microsoft in 1996. Carter drew Georgia for legibility at the low resolutions of mid-1990s screens, giving it a larger x-height than its print-serif ancestors, lightened uppercase letters, and non-aligning old-style figures, all built on shapes descended from Scotch Roman and Didot. Where Cambria reads as neutral and workmanlike, Georgia carries more warmth and personality, so the choice between the two long-text serifs becomes a brand decision: pick Cambria for a plain, document-like voice next to Segoe UI, or Georgia when the same long-form text should feel a little more considered.

Character specimen: Segoe UI (heading) and Georgia (body) letters, numbers and symbols side by side

3. Noto Sans

Segoe UI and Noto Sans font pairing: Segoe UI headline with Noto Sans body text

Noto Sans is a rare case of the same hand appearing on both sides of a pairing: Steve Matteson, the designer of Segoe UI itself, also designed Noto Sans, which Google commissioned and released in 2013, based on his earlier Droid Sans and on Open Sans. It is a humanist grotesque built for the broadest possible script coverage rather than as a literal Segoe UI clone, but its plain, functional letterforms share the same restrained UI register Segoe UI occupies. An Uno Platform font-stack proposal lists Noto Sans among the system alternatives to Segoe UI. That makes it a practical choice when a cross-platform product needs Segoe UI’s quiet, get-out-of-the-way character on Linux, Android, or the open web, where Segoe UI itself cannot be licensed.

Character specimen: Segoe UI (heading) and Noto Sans (body) letters, numbers and symbols side by side
Ad
BonFX Consulting

“AI builds anything, so what do I sell?”

Taste is the answer. Own your stack and automate your own CMS.

Find Out How

4. Nanum Gothic

Segoe UI and Nanum Gothic font pairing: Segoe UI headline with Nanum Gothic body text

Windows solves multilingual interfaces by swapping fonts per script rather than forcing Segoe UI to cover everything, and Nanum Gothic is a real-world Korean-language answer built on that same idea. Sandoll Communications designed the Nanum family for Naver’s open-source Nanum project between 2008 and 2011, aiming for clean, warm sans-serif letterforms. A Nanum Gothic font archive recommends a CSS stack that puts it ahead of Segoe UI. Windows itself maps Korean text to Malgun Gothic rather than Nanum Gothic, so this is a web pairing, not Microsoft’s own: use Nanum for Korean text and Segoe UI for the Latin interface where available.

Character specimen: Segoe UI (heading) and Nanum Gothic (body) letters, numbers and symbols side by side

5. Cascadia Code

Segoe UI and Cascadia Code font pairing: Segoe UI headline with Cascadia Code body text

Every UI needs a monospace face somewhere, and Microsoft’s answer is Cascadia Code, designed by Aaron Bell and released in 2019 and bundled with Windows Terminal; it is now the default font in Visual Studio as well. It sits inside the same Fluent-era Microsoft type system as Segoe UI Variable, handling code, logs, and command-line text while Segoe UI carries every other string in the interface. Microsoft’s own repository stops short of formally calling this a designed “pairing,” but the division of labor is exact: Cascadia Code for anything fixed-width, Segoe UI Variable for everything else.

Character specimen: Segoe UI (heading) and Cascadia Code (body) letters, numbers and symbols side by side

6. Inter

Segoe UI and Inter font pairing: Segoe UI headline with Inter body text

Inter, designed by Rasmus Andersson and released as an independent open-source project in 2017, has become widely used in applications and websites. It was built specifically for UI text at small sizes: tall, open letterforms and generous spacing that hold up in dense interfaces rather than large display type. An Uno Platform font-stack proposal lists Inter as an alternative for rendering Segoe UI text on other platforms. Treat it as a substitution option when a product needs a similar quiet interface voice beyond Windows.

Character specimen: Segoe UI (heading) and Inter (body) letters, numbers and symbols side by side
Ad
Framer

Build free, plus 500 AI credits.

Design and publish a site at no cost. Paid plans double your credits the first month.

Start free

7. Roboto

Segoe UI and Roboto font pairing: Segoe UI headline with Roboto body text

Microsoft’s own Fluent 2 design system names the substitution directly: on Android, Roboto plays the role Segoe UI plays on Windows and the web. Christian Robertson designed Roboto in-house at Google, releasing it in 2011 for Android’s Ice Cream Sandwich update. It is not a simultaneous-use pairing so much as Microsoft’s documented answer to “what stands in for Segoe UI here” — a cross-platform brand keeping one Fluent-based product consistent switches to Roboto on Android rather than forcing Segoe UI onto a platform it was never built for.

Character specimen: Segoe UI (heading) and Roboto (body) letters, numbers and symbols side by side

8. Arial

Segoe UI and Arial font pairing: Segoe UI headline with Arial body text

Arial and Segoe UI are both plain sans-serifs that Microsoft ships as system defaults, which makes this the lowest-friction pairing on the list: neither face brings stylistic contrast, so any hierarchy has to come from size and weight alone. Robin Nicholas and Patricia Saunders of Monotype designed Arial in 1982, and Microsoft licensed it as a core Windows font a decade later. Typ.io’s real-site tracking shows the two used side by side rather than chosen between, which matches how they behave in practice — safe, obtainable, and interchangeable enough that most readers never notice which one they are looking at.

Character specimen: Segoe UI (heading) and Arial (body) letters, numbers and symbols side by side

9. Lucida Grande

Segoe UI and Lucida Grande font pairing: Segoe UI headline with Lucida Grande body text

Lucida Grande was Apple’s own system interface font for over a decade, so pairing it with Segoe UI sets two rival operating systems’ “default OS font” side by side on one screen. Charles Bigelow and Kris Holmes designed the original Lucida family starting in 1984; Apple commissioned this expanded-character variant around 2000 and used it as the Mac OS X system font until Yosemite (10.10) replaced it with Helvetica Neue in 2014. Both faces were engineered to disappear into an interface rather than perform, which is why sites like groupme.com and windowsphone.com could mix them without a visible clash.

Character specimen: Segoe UI (heading) and Lucida Grande (body) letters, numbers and symbols side by side

10. Helvetica Neue

Segoe UI and Helvetica Neue font pairing: Segoe UI headline with Helvetica Neue body text

Helvetica Neue was Segoe UI’s old macOS and iOS counterpart, the Apple system voice that came before San Francisco. Linotype’s design studio, working from Max Miedinger’s original 1957 Helvetica, refined the family into Helvetica Neue, giving it more consistent proportions and a wider range of weights than the original release. Pairing it with Segoe UI is really pairing two rival platforms’ interface fonts rather than a deliberate typographic decision, but the groupme.com website shows it reads as neutral rather than jarring — both faces share the same brief of legible UI chrome over personality.

Character specimen: Segoe UI (heading) and Helvetica Neue (body) letters, numbers and symbols side by side

11. VT323

Segoe UI and VT323 font pairing: Segoe UI headline with VT323 body text

VT323 is Peter Hull’s 2011 pixel-accurate revival of the glyphs from a DEC VT320 text terminal, rebuilt from the way the terminal’s electron beam actually smeared pixels across its CRT screen. Set next to Segoe UI’s clean, modern letterforms, it creates a sharp jump in register: contemporary interface polish against an analog-terminal readout. A Minesweeper demo uses Segoe UI in its menu font stack and VT323 for its numbered tiles. That small division of labor is the idea here: Segoe UI stays in the chrome that needs to be read quickly, and VT323 takes over wherever the design wants to feel like an old terminal.

Character specimen: Segoe UI (heading) and VT323 (body) letters, numbers and symbols side by side

12. Bungee

Segoe UI and Bungee font pairing: Segoe UI headline with Bungee body text

Bungee, David Jonathan Ross’s bold, layered display face released through Google Fonts in 2016, was built for urban and street-signage-style lettering rather than for reading text. Its heavy geometric forms and interlocking layers give a wordmark or a headline real physical presence, the opposite of everything Segoe UI is designed to do. An SVG lettering demo uses Bungee for its oversized words and puts Segoe UI in its body-font stack. Set Bungee at display sizes for a logotype or a hero headline and let Segoe UI carry the functional layer underneath it: navigation, labels, body copy, and controls.

Character specimen: Segoe UI (heading) and Bungee (body) letters, numbers and symbols side by side

Conclusion

Most fonts on this list are not pairings in the usual decorative sense — Segoe UI was built to be the quiet, consistent voice of an interface, not a display face looking for a companion. Its clearest partnerships are functional: Cambria and Georgia take over the moment text runs long, Cascadia Code takes over the moment text turns into code, and Nanum Gothic and Noto Sans take over the moment a script or a platform Segoe UI cannot reach comes into play.

The rest lean toward substitution rather than simultaneous use, and that distinction is worth keeping straight when you are actually building something. Roboto and Inter do not sit beside Segoe UI on a page so much as replace it, one platform at a time, so a cross-platform product still feels native wherever it runs. Arial, Lucida Grande, and Helvetica Neue show up together only because real products shipped that way, not because anyone designed the combination on purpose. Reach for Cambria or Georgia when you want Microsoft’s own documented answer, VT323 or Bungee when the goal is deliberate contrast instead of harmony, and remember that Segoe UI’s job, in nearly every case, is to disappear.

Sources

  • Microsoft Learn (Windows Apps Typography)
  • Fluent 2 (Microsoft design system)
  • Wikipedia
  • Microsoft (Cascadia Code repository)
  • OpenPresentation (OPF font-schemes catalog)
  • pptx.gallery
  • Fonts In Use
  • Microsoft for Startups Brand Guidelines (PDF)
  • Microsoft Design Language 1603 (PDF)
  • Adobe Fonts
  • MyFonts
  • cssfontstack.com
  • getbutterfly.com
  • Warmy.io
  • Pagenflow
  • Ars Technica
  • carycomms.com (PDF)
  • aeanet.org
  • Uno Platform font-stack proposal
  • Nanum Gothic font archive
  • JS Minesweeper authored demo
  • SVG lettering authored demo

More Font Resources

  • Font Combinations: The Complete Guide to Font Pairings
  • The Big Book of Font Combinations
  • 29 Principles for Making Great Font Combinations

About the Author

Douglas Bonneville is a graphic designer and typographer since 1992. He is the author of The Big Book of Font Combinations and has contributed to numerous design publications. His work focuses on making typography accessible and practical for designers at all levels.

Related font pairings

  • What Fonts Go With Cambria?
  • What Fonts Go With Georgia?
  • What Fonts Go With Sora?
  • What Fonts Go With Didot?

More font pairing guides

  • Font Combinations: The Complete Guide to Font Pairings
  • 100 Best Fonts
  • 23 Really Bad Font Choices
  • 20 Popular Free Google Wedding Font Combinations
  • The Big Book of Font Combinations

About Douglas Bonneville

Douglas has been a graphic designer since 1992, in addition to software developer and author. He is a member of Smashing Magazine's "Panel of Experts" and has contributed to over 100 articles. He is the author of "The Big Book of Font Combinations", loves cats, and plays guitar.

The BonFX Letter

One good pairing.
Every Tuesday.

2-minute read · free

This week — no. 14

Quiet authority

Merriweather sets the tone in one line. Lato stays out of the way and lets it.

MERRIWEATHER 700  +  LATO 400

A font specimen, a pairing that works, and one line on why it works. That is the whole email.

Free. One click to unsubscribe. No sharing, ever.

Free download

The Typography Primer.
Yours, right now.

Adobe's classic · PDF · free

The Typography Primer — book cover

The guide to type that everyone learned from. Subscribe and it is yours instantly. The BonFX Letter follows.

Free. One click to unsubscribe. No sharing, ever.

Still Googling UX terms?

Stop. They're all right here.

UX for Cats book cover

50 terms. Illustrated.
So simple your cat gets it.

Get the Book →

Print & ePub on Amazon

350 font combinations you can steal.

The Big Book of Font Combinations

Every pairing shown in context — web, print, headings, body. Open it, find one that works, use it.

That's it. That's the book.

In print or ePub 40% OFF on Gumroad

Scrolling Google Fonts for "the right one"?

You've been at it for 20 minutes. You'll be at it for 20 more. There are 1,500 fonts in there.

Pocket Handbook of Google Fonts Combinations

We paired every useful Google Font.
7,500 pages. Done.

Get the PDF →

Instant download on Gumroad

Recent Inspirations

  • Fonts Similar to Helvetica October 13, 2026
  • Fonts Similar to Raleway October 13, 2026
  • Fonts Similar to Century Gothic October 13, 2026
  • Fonts Similar to Baskerville October 13, 2026
  • What Fonts Go With Bodoni Moda? October 5, 2026
  • What Fonts Go With Urbanist? October 5, 2026
  • What Fonts Go With Figtree? October 5, 2026
  • What Fonts Go With Outfit? October 5, 2026
  • What Fonts Go With Jost? October 5, 2026
  • What Fonts Go With Andale Mono? October 5, 2026
  • What Fonts Go With Agenda? October 5, 2026
  • What Fonts Go With Fraunces? October 5, 2026
  • What Fonts Go With Marcellus? October 5, 2026
  • What Fonts Go With Zilla Slab? October 5, 2026
  • What Fonts Go With Utopia? September 30, 2026

About BonFX

Douglas Bonneville has been a graphic designer since 1992 and has written about type here since 2009. BonFX is a blog about typography and design, and the books that came out of it.

  • The Big Book of Font Combinations
  • The Preposterously Huge Book of Google Font Combinations
  • UX for Cats

More about BonFX →

Start Here

  • Font Combinations: The Complete Guide
  • The 100 Best Fonts
  • 17 Types of Fonts
  • 29 Principles for Great Font Combinations
  • 23 Really Bad Font Choices
  • 20 Free Google Wedding Font Combinations

Contact

Questions about the books or the site? Contact us.

Follow @dbonneville on X.

The BonFX Letter: one good pairing every Tuesday, free. The signup is in the sidebar of every page.

Copyright © 2026 · BonFX

  • Blog
  • Font Combinations
  • Books
    • The Preposterously Huge Book of Google Font Combinations
    • The Big Book of Font Combinations (Classic Fonts Edition)
  • Contact