Site logo

Archived topic

How to add font-variant-numeric to Google font in customizer

3 replies · Started by Martin on June 24, 2022

Viewing posts 1–4 of 4

Hi,

So I'm using a font that needs to have the following styles attached to it:

font-variant-numeric: lining-nums;
-moz-font-feature-settings:"lnum" 1;
-moz-font-feature-settings:"lnum=1";
-ms-font-feature-settings:"lnum" 1;
-o-font-feature-settings:"lnum" 1;
-webkit-font-feature-settings:"lnum" 1;
font-feature-settings:"lnum" 1;

The font I'm using is Google Font Raleway - could someone please tell me how to add this to my existing CSS?

Thanks!

Hi Martin,

Can you try adding this to Appearance > Customize > Additional CSS:

body {
font-variant-numeric: lining-nums;
-moz-font-feature-settings:”lnum” 1;
-moz-font-feature-settings:”lnum=1″;
-ms-font-feature-settings:”lnum” 1;
-o-font-feature-settings:”lnum” 1;
-webkit-font-feature-settings:”lnum” 1;
font-feature-settings:”lnum” 1;
}

Kindly let us know how it goes.

Super - it works! Thank you so much, Fernando!

- And Happy Friday to all Generatepress Team!

You’re welcome Martin! Glad that worked! Happy Friday to you as well!

This archived topic is closed to new replies.