Bitcount Grid Single Ink

Petr van Blokland

DisplayVariableColorful14 featuresOFL

Hosted stylesheet

No build step. Embed the family and the browser loads the font from Google's CDN. This exposes visitors' IPs to Google and may fall foul of GDPR, if privacy matters, use Bunny Fonts instead.

1Configure the axes
- Style
- Weightwght
- CursiveCRSV
- Element ShapeELSH
- Element ExpansionELXP
- Size of Paint 1SZP1
- Size of Paint 2SZP2
- Horizontal Position of Paint 1XPN1
- Horizontal Position of Paint 2XPN2
- Vertical Position of Paint 1YPN1
- Vertical Position of Paint 2YPN2

2Embed the stylesheet

html

<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=Bitcount+Grid+Single+Ink:CRSV,ELSH,ELXP,SZP1,SZP2,wght,XPN1,XPN2,YPN1,YPN2@0..1,0..100,0..100,0..100,0..100,100..900,-100..100,-100..100,-100..100,-100..100&display=swap" rel="stylesheet" />

Paste inside your document <head>.

3Apply with CSS

css

.selector {
  font-family: "Bitcount Grid Single Ink", sans-serif;
  font-weight: 400;
  font-style: normal;
}

Full options on Google Fonts