How to use a font with separate weight files?

  • Hi

    I would like to use a font (Gotham) that has a separate files, one for each weight (light, book, bold etc.)

    How can I implement it in the CSS?

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @panmaster,

    You can upload separate files for each font weight and then select required font-weight from customizer typography settings. You will not need to use CSS for this.

    Let us know if you need further help with this!

    Regards,
    Anjali

    Thread Starter panmaster

    (@panmaster)

    Thanks for your answer @brainstormteam

    In order to make it work, shall I give different names for different weights?

    Example:

    Gotham light
    Gotham bold
    etc.

    Or shall I call them all Gotham so I can then do the following CSS wise:

    font-family: Gotham;
    font-weight: bold;

    Hope it makes sense.
    Thank you once again.

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    Hi @panmaster,

    You can upload different weights with different names like Gotham light, Gotham bold, etc. Usually, the name of the font file can be anything. You will see this name in the typography option. While writing a CSS you can use the name of the font and apply font-weight property. This should work for you.

    Hope that helps!

    Regards,
    Anjali

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to use a font with separate weight files?’ is closed to new replies.