Skip to main content
Solved

Using monospace property in production

  • December 2, 2021
  • 2 replies
  • 1998 views
imagorilla

Hello team,

For one of our text styles, we’ve enabled the monospace style from the text properties section in Figma (see attached screenshot). The font doesn’t seem to have a weight that says “monospace”, so these monospace variants are not in a separate file.

Our dev team isn’t sure how to enable this property in production. Does anyone have experience enabling this?

Thanks a lot for your help!

Screenshot 2021-12-01 at 16.49.45

Best answer by tank666

This can be done with CSS.

Example:

.class {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}
helpx.adobe.com
View original
This topic has been closed for replies.

2 replies

A
  • Anonymous
  • 0 replies
  • January 1, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

tank666
  • tank666
  • 4873 replies
  • Answer
  • January 1, 2022

This can be done with CSS.

Example:

.class {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}
helpx.adobe.com
UX/UI designer. Figma expert. Creator and developer of plugins and widgets for Figma and FigJam. Check out my resources in Figma Community: figma.com/@tank666
Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings