Docs

[simonpurdon]

Hi,

I’m trying to use the font Calibri Light font in some parts of my website and have tried to import it in the style.css file using the following code:

@import url(https://fonts.googleapis.com/css?family=Calibri Light);

However, I’m still unable to use the font.

I’m trying to use it because on my website the font Calibri doesn’t respond to the css code trying to make it lighter as below:

font-weight: light;
or..
font-weight: 200;

Please advise if there is a way to make the font lighter as it doesn’t seem to be working.

Many thanks,
Simon

[simonpurdon]

This reply has been marked as private.

[Christopher]

Hi there,

Upon checking about this font, it’s not a free font type, see : http://www.myfonts.com/fonts/ascender/calibri/

Hope it helps.

[simonpurdon]

Do you know why the font-weight:200 command wouldn’t be working on the normal calibri font?

[Rad]

Hi there,

It depends on loaded fonts, if the font doesn’t support other font weight then it will not work. Example, this one https://fonts.googleapis.com/css?family=Calibri only supports 400. Hence, 400 is only acceptable font weight when you declare it.

Thanks!

[Author]

Posts