The typeface on astro.build is Obviously, Inter and MDIO, loaded across 11 @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.
The quick brown fox jumps over the lazy dog
font-family: Obviously, Georgia, 'Times New Roman', serif;
Looks like a custom or commercial web font. Try MyFonts for licensing.
Search for ObviouslyThe quick brown fox jumps over the lazy dog
font-family: Inter, Georgia, 'Times New Roman', serif;
Free for any use under the SIL Open Font License.
Get Inter from Rasmus AnderssonThe quick brown fox jumps over the lazy dog
font-family: MDIO, ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: inter-fallback, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Looks like a custom or commercial web font. Try MyFonts for licensing.
Search for inter-fallbackThe quick brown fox jumps over the lazy dog
font-family: md-io-fallback, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Looks like a custom or commercial web font. Try MyFonts for licensing.
Search for md-io-fallbackThe quick brown fox jumps over the lazy dog
font-family: obviously-fallback, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Looks like a custom or commercial web font. Try MyFonts for licensing.
Search for obviously-fallbackGet Font Info inspected the homepage of astro.build and parsed 2 stylesheets totalling 113.5 KB. Inside those stylesheets we found 11 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 18 CSS rules reference them across the page.
Open the live inspector and hover any text on astro.build to see the exact font, weight, size and line-height for that element.
Open live font inspector for astro.buildastro.build uses Obviously, Inter and MDIO as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 18 CSS rules on the homepage.
astro.build loads its fonts from a self-hosted webfont. Get Font Info detected 11 @font-face declarations across 2 stylesheets on the live page.
astro.build loads Obviously in 3 weights: 100 1000, 300 600, 400. If you want to match the look, request the same weights from your font host so you only ship what's actually used.
Yes — once you know the font name, you can load it from the same source. If Obviously 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.
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.
Compare the typography on astro.build with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of astro.build. 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: find the font on any website, identify the typeface on a webpage, check what font a website is using, or URL font checker.