Curious about the design behind astro.build? SiteFontCheck scanned their live CSS architecture and identified 5 unique font families. The website relies heavily on <ui-sans-serif, system-ui, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji> for its main text elements, paired with <ui-monospace, sfmono-regular, menlo, monaco, consolas, liberation mono, courier new, monospace> and <inter, inter-fallback, system-ui, sans-serif> as fallback options, and 2 additional. Below is the precise map of font sizes, weights, and text elements used across their site.
Detected Fonts
5 foundui-sans-serif, system-ui, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji
202
Skip to content
mdio, md-io-fallback, monospace
9
New
inter, inter-fallback, system-ui, sans-serif
32
Read the docs
obviously, obviously-fallback, system-ui, sans-serif
15
The web framework for content-driven websites
ui-monospace, sfmono-regular, menlo, monaco, consolas, liberation mono, courier new, monospace
78
npm create astro@latest
Loading preview...