Citrine

By Patric King

Font Size

Citrine Variable

The quick brown fox jumps over the lazy dog

Citrine Light

The quick brown fox jumps over the lazy dog

Citrine Regular

The quick brown fox jumps over the lazy dog

Citrine Medium

The quick brown fox jumps over the lazy dog

Citrine Semi Bold

The quick brown fox jumps over the lazy dog

Citrine Bold

The quick brown fox jumps over the lazy dog

Information

Citrine draws upon the machine-driven typography of the first American PC boom of the 1980s: word processing typefaces made for easy reading at low resolution, and in-game typography. A large x-height means easy onscreen reading; a round joint means friendliness. Citrine is a typeface for writing, loosely based on the Epoca typeface (made for the Hermes 3000 typewriter). Citrine starts with Epoca’s essential widths and spaces, then adds tension with flat sides in curved forms, a double-barrel lowercase a and the tighter spacing necessary for modern screen reading. Citrine is five weights + true small caps for each, sized to the lowercase. You can set that as unicase, if you’re one of those people.

Tags

Language Support

  • Catalan
  • Chinese Pinyin
  • Croatian
  • Czech
  • Danish
  • Dutch
  • English
  • Filipino
  • Finnish
  • French
  • Fula
  • German
  • Hungarian
  • Indonesian
  • Italian
  • Latvian
  • Malay
  • Maltese
  • Norwegian
  • Polish
  • Portuguese
  • Romanian
  • Slovak
  • Slovenian
  • Spanish
  • Swedish
  • Turkish
  • Vietnamese

Licensing with Typographer

Typographer covers web use (up to 15K pageviews / month) and unlimited prototyping. Learn more in our FAQ.

Need to buy a license?

Visit XO Type Co to purchase web, app, desktop,
or extended licenses.

Visit XO Type Co
Web Digital Video

Add Citrine to a web project

Or create a new web project.

Create a new web project

Generating CSS...

Done! Citrine has been added to your project. Copy the embed code below and add it to the <head> of your website.

You can always find your embed code and manage your project under My Library / Web Projects.