Sixtyfour Convergence

Simon Cozens, Jens Kutílek

MonoVariableColorful6 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
- BleedBLED
- ScanlinesSCAN
- Horizontal Element AlignmentXELA
- Vertical Element AlignmentYELA

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=Sixtyfour+Convergence:BLED,SCAN,XELA,YELA@0..100,-53..100,-100..100,-100..100&display=swap" rel="stylesheet" />

Paste inside your document <head>.

3Apply with CSS

css

.selector {
  font-family: "Sixtyfour Convergence", monospace;
  font-style: normal;
}

Full options on Google Fonts