Curious about the design behind shields.io?
SiteFontCheck scanned their live CSS architecture and identified 2 unique font families.
The website relies heavily on system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, segoe ui, helvetica, arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol for its main text elements, paired with sfmono-regular, menlo, monaco, consolas, liberation mono, courier new, monospace as fallback options.
2
unique font families
Primary font
system-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, segoe ui, helvetica, arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol
Below is the precise map of font sizes, weights, and text elements used across their site.
Detected Fonts
2 foundsystem-ui, -apple-system, segoe ui, roboto, ubuntu, cantarell, noto sans, sans-serif, blinkmacsystemfont, segoe ui, helvetica, arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol
40
Skip to main content
sfmono-regular, menlo, monaco, consolas, liberation mono, courier new, monospace
3
ctrl
Loading preview...