Skip to main content
Participating Frequently
February 22, 2023
Answered

Adding Variable Fonts to Web Project

  • February 22, 2023
  • 17 replies
  • 13278 views

I'm having issues adding a variable font to a web project.

 

It doesn't matter which weight I select, the only one I'm able to add is "extralight" (see screenshot).

 

I'm not sure if I'm doing something wrong or if this is a bug.

 

Can anyone help with this?

    Correct answer Aneta Ivanova

    Second option is copy pasting the import code into your CSS AFTER the Typekit CSS and fixing the issue yourself by adding the full range of weights.

    17 replies

    New Participant
    December 13, 2023

    Same problem here with 'Soprani Variable' 😕😕
    Only the base style is shown, no variable font controls in Webflow

    New Participant
    December 12, 2023

    Having the same issue with the font Cheee Variable.

    Any updates?

    New Participant
    November 19, 2023

    I'm also having this issue. Given how long ago this thread was started and the fact that the issue remains I take it there is no fix yet? Any update on when this could happen?

    Cheers

    / Teo

    New Participant
    November 9, 2023

    Jumping on the bandwagon, I've been waiting on this working for ages and stalking this discussion every few months. Can we please have an update? This is fairly disruptive for myself and my clients who want to take full advantage of Adobe Fonts and ensure consistent branding. 

     

    I love the idea of variable fonts, but I've had to start advising my clients to not use them or have a workaround in place if they want to use Webflow. 

    New Participant
    November 19, 2023

    Support this!
    Same Problem here!

     

    New Participant
    September 11, 2023

    I have the same issue when importing the 'Pauline Didone' Variable font into Webflow. I only get the base 'Normal' 400 weight despite it showing all the variations in the Web Project. This is very frustrating and needs to be resolved ASAP, please.

    New Participant
    May 18, 2023

    Same issue. Can't get Basenji Variable to work as a variable font inside of Webflow.

    BTNG
    New Participant
    May 26, 2023

    Same for ROC Grotesk Variable - May 26th 2023

    Neelamk
    Brainiac
    February 22, 2023

    Hi Chris,

     

    Welcome to our community forum, we are sorry for your difficulties as you are unable to Variable fonts in your web project. To help you understand more about Variable fonts and how to use them in Web Projects, we have an article link created, Please refer below:

    https://helpx.adobe.com/fonts/using/using-variable-fonts.html

     

    Please let me know if this helps you and resolves your query. We hope to hear from you soon.

     

    Regards,

    Neelam

    New Participant
    May 15, 2023

    Facing the same problem. I am using Obviously - Variable font on webflow.

    Neelamk
    Brainiac
    May 15, 2023

    Hi @sam298860671roe @Craabit @anenglishman @richardson_joel , 

     

    Could you please help us to know if you still have the same issue? Could you try using the Chrome browser or Safari browser and check if it works?

     

    We hope to hear from you soon.

     

    Regards,

    Neelam