Origami Frontend Components & Services

Demos: o-fonts


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

Financier Display

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

Switch component view

GitHub: o-fonts@5.3.4

Install o-fonts

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

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-fonts@^5.3.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: #origami-support
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: #origami-support
Email: origami.support@ft.com