monospace12 weights·11 subsets
Google Sans Code
The quick brown fox jumps over the lazy dog. 1234567890
Try it
Type your own text to preview
Use Google Sans Code on your site
Copy an embed snippet, self-host it, or download the font files — no sign-up needed.
HTML <link>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">CSS @import
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');CSS rule
font-family: 'Google Sans Code', monospace;Self-host (Fontsource)
npm install @fontsource/google-sans-codeDownload Google Sans Code (.zip)
Font files from Google Fonts, under their open licenses.
About Google Sans Code
Google Sans Code is a monospace typeface available on Google Fonts. It includes 12 weights and supports 11 language subsets.
Weights
300regular500600700800300italicitalic500italic600italic700italic800italic
Subsets
adlamcanadian-aboriginalcherokeelatinlatin-extmathold-permicsymbolssymbols2syriacvietnamese
Use Google Sans Code on FontDash
FontDash makes Google Sans Code easy to test, pair with other fonts, and export as code or design tokens.
- • Test in your own copy with custom size and color
- • Find pairings that match its character
- • Build font palettes you can export to CSS, Tailwind, or Figma
- • Save it to a collection for later
Keep exploring