Origami Frontend Components & Services

SassDoc: o-fonts

oFontsGetFontFamilyWithFallbacks(family)

Get a font-family stack with the appropriate fallbacks

parameter type default description
family

Returns

String - font-stack

Example

font-family: oFontsGetFontFamilyWithFallbacks(FinancierDisplayWeb);

Links

oFontsUseAsset(asset)

Path to a font asset

parameter type default description
asset

Returns

String - Path to the font asset, without the file extension

Links

oFontsWeight(keyword)

Machine-readable CSS font-weight.

parameter type default description
keyword Human-readable keyword, one of $_o-fonts-weights

Returns

Number - CSS font-weight

Example

font-weight: oFontsWeight(lighter);

Links

oFontsSource(fontName)

Font-face declaration sources

parameter type default description
fontName path to the file, without the file extension

Links

oFontsInclude(...)

Font-face declaration for a given font family

parameter type default description
family one of $o-fonts-families
weight (optional) regular one of $_o-fonts-weights
style (optional) normal

Links

oFontsIncludeAll

Output @font-face declarations for all the font families

Links

o-fonts-path

Path to the assets

Links

o-fonts-is-silent

Silent mode

Links

o-fonts-families

Font families

Links

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 bower install --save "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