Origami Frontend Components & Services

Demos: o-fonts

This version of o-fonts hasn't been branded yet. Please check the latest version, 4.4.2, as branding is a relatively new addition to our components.


Metric is used for utility text, eg categories, tags and navigation


Financier Display is used for headlines and editorial content at large sizes.

active Origami v1
Switch component view

GitHub Repository

Install o-fonts

If using the Build Service, add o-fonts@^3.0.4 to your link tag.

If running a Manual Build, run npm install "o-fonts@^3.0.4".

Help & Support

o-fonts is maintained directly by the Origami team. If you have any questions about o-fonts or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com