Streaming live at 10am (PST)

Webflow and OpenType


#1

Hi,

In this font there are both old-style figures and lining figures. Some letters are also changeable like the small A. My question is if it’s possible to change which one to use inside webflow? If not how do I change the font to use desired glyph as standard before uploading it?

Thanks,
Emil


#2

Please upload the font file here…


#3

If you want to do this in Webflow you have to use custom code for now.
See: https://prowebtype.com/styling-opentype-fonts/

I have made this a wishlist item, go and upvote it here :smile:
https://wishlist.webflow.com/ideas/WEBFLOW-I-1167


#4

@samliew That I can’t do for licensing issues.


#5

Sadly I’m not getting it to work with .otf but .ttf works perfectly. Thanks @perkristian

So for anyone wanting to do this in the future it’s:

<style> .YourClass {
	font-variant-numeric: lining-nums;     /* high-level property          */
	-moz-font-feature-settings: 'lnum';    /* low-level (old Firefox)      */
	-webkit-font-feature-settings: 'lnum'; /* low-level (old Webkit)       */
	font-feature-settings: 'lnum' on;      /* low-level (all new browsers) */(
}
  
</style>