Skip to main content
Participating Frequently
February 22, 2023
Answered

Adding Variable Fonts to Web Project

  • February 22, 2023
  • 17 replies
  • 13309 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

    Participant
    December 13, 2023

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

    Participant
    December 12, 2023

    Having the same issue with the font Cheee Variable.

    Any updates?

    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

    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. 

    Participant
    November 19, 2023

    Support this!
    Same Problem here!

     

    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.

    Participant
    May 18, 2023

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

    Neelamk
    Legend
    June 13, 2023

    Hi @ryanh29763649 ,

     

    Could you please start a new conversation in the community forum as it is related to web flow? It seems to be a website service. I hope the Basenji Variable font is available to use n web projects on fonts.adobe.com.

     

    Regards,

    Neelam

    Participating Frequently
    June 13, 2023

    It is an Adobe issue which is a known issue. It's not helpful adding information that is misleading. 

    Your Adobe Case ADB-29189577-D5D0

    Dear Chris,

    Hope you are doing well. . We would like to inform you that it is a known issue and our engineering team is working on this bug.

    Bug reference id: FONTS-8343

     

    Thank you for your time and patience. At this point, there is no available time line regarding when this issue would be resolved.  We are working on this and would share updates soon.

     

    Should you have any questions feel free to contact us. You can call us at 18008336687 or initiate a chat with us.

     

    The issue is that you are NOT updating us in any way!

    Neelamk
    Legend
    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

    CraabitAuthor
    Participating Frequently
    February 22, 2023

    Thanks Neelam! I actually read this before I posted. Didn't help unfortunately. 🤷‍♂

    Neelamk
    Legend
    February 22, 2023

    Hi Chris, I see there is a check box which is checked it says " Massilia Variable Extralight", could you try unchecking that box and see if that helps? Please refer to the below image:

     

    We hope to hear from you soon.

     

    Regards,

    Neelam