What font does datadoghq.com use?

The typeface on datadoghq.com is NationalWeb, RobotoMono and Noto Sans Variable, loaded across 16 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.

Primary font
NationalWeb
Total weights
8
@font-face
16
Source
Mixed

NationalWeb

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (6)

100Typography sets the voice of a brand
200Typography sets the voice of a brand
300Typography sets the voice of a brand
400Typography sets the voice of a brand
600Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use NationalWeb

font-family: NationalWeb, Georgia, 'Times New Roman', serif;

@font-face source

woff2https://www.datadoghq.com/fonts/web-fonts/NationalWeb-Thin.woff2

Get this font

NationalWeb
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for NationalWeb

Free alternatives if you can't license NationalWeb

LoraGoogle Fonts

Workhorse free serif with great screen rendering.

Open
Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open
MerriweatherGoogle Fonts

Heavier sibling for editorial body copy.

Open
Used by 18 selectors on the page

RobotoMono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (3)

400Typography sets the voice of a brand
480Typography sets the voice of a brand
700Typography sets the voice of a brand

CSS to use RobotoMono

font-family: RobotoMono, ui-monospace, SFMono-Regular, monospace;

@font-face source

woffhttps://www.datadoghq.com/fonts/web-fonts/RobotoMono-Regular.woff

Get this font

RobotoMono
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for RobotoMono

Free alternatives if you can't license RobotoMono

InterGoogle Fonts

Wider apertures and better hinting for product UI.

Open
DM SansGoogle Fonts

Similar mechanical feel with cleaner curves.

Open
Work SansGoogle Fonts

Open-source grotesque with a near-identical x-height.

Open
Used by 10 selectors on the page

Noto Sans Variable

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 200 300 400 500 600 700 800 900Typography sets the voice of a brand

CSS to use Noto Sans Variable

font-family: 'Noto Sans Variable', Georgia, 'Times New Roman', serif;

@font-face source

ttfhttps://www.datadoghq.com/fonts/web-fonts/noto-sans-variable-font.ttf

Get this font

Noto Sans
Open source
Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans Variable

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open
Source Sans 3Google Fonts

Free alternative with similar coverage.

Open
IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open
Used by 1 selector on the page

Noto Sans JP

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Noto Sans JP

font-family: 'Noto Sans JP', Georgia, 'Times New Roman', serif;

Get this font

Noto Sans
Open source
Google

Free pan-script family on Google Fonts.

Get Noto Sans from Google

Free alternatives if you can't license Noto Sans JP

InterGoogle Fonts

Better UI hinting for Latin scripts.

Open
Source Sans 3Google Fonts

Free alternative with similar coverage.

Open
IBM Plex SansGoogle Fonts

Distinctive but equally legible.

Open
Used by 58 selectors on the page

How datadoghq.com loads its fonts

Get Font Info inspected the homepage of datadoghq.com and parsed 2 stylesheets totalling 518.2 KB. Inside those stylesheets we found 16 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 90 CSS rules reference them across the page.

Check the font on a specific element

Open the live inspector and hover any text on datadoghq.com to see the exact font, weight, size and line-height for that element.

Open live font inspector for datadoghq.com

Frequently asked questions

What font does datadoghq.com use?

datadoghq.com uses NationalWeb, RobotoMono and Noto Sans Variable as its primary typefaces. These fonts are loaded from a self-hosted webfont and an unknown source and applied across 90 CSS rules on the homepage.

Where does datadoghq.com load its fonts from?

datadoghq.com loads its fonts from a self-hosted webfont and an unknown source. Get Font Info detected 16 @font-face declarations across 2 stylesheets on the live page.

What weights of NationalWeb does datadoghq.com use?

datadoghq.com loads NationalWeb in 8 weights: 100, 100 200 300 400 500 600 700 800 900, 200, 300, 400, 480, 600, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as datadoghq.com on my website?

Yes — once you know the font name, you can load it from the same source. If NationalWeb isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Lora, Source Serif 4 and Merriweather. Use the CSS snippet on this page as a starting point.

Is the font on datadoghq.com free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on datadoghq.com with how other well-known sites load and use their fonts.

About this page

This page lists the fonts loaded by the homepage of datadoghq.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.

More guides: discover fonts used on a site, identify a font from a website URL, see what fonts a website uses, or online font checker.