Skip to main content
Participating Frequently
Feb 22, 2023 2:39 PM UTC
Answered

Adding Variable Fonts to Web Project

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?

    Aneta IvanovaCorrect answer
    Participant
    Dec 16, 2024 10:47 PM UTC

    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.

    63 replies

    Participant
    Dec 13, 2023 11:32 PM UTC

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

    Translate
    Participant
    Dec 12, 2023 4:50 PM UTC

    Having the same issue with the font Cheee Variable.

    Any updates?

    Translate
    Participant
    Nov 19, 2023 9:49 PM UTC

    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

    Translate
    Participant
    Nov 9, 2023 8:25 PM UTC

    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. 

    Translate
    Participant
    Nov 19, 2023 1:35 PM UTC

    Support this!
    Same Problem here!

     

    Translate
    Participant
    Sep 11, 2023 8:37 AM UTC

    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.

    Translate
    Participant
    May 18, 2023 5:18 AM UTC

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

    Translate
    BTNG
    Participant
    May 26, 2023 2:05 PM UTC

    Same for ROC Grotesk Variable - May 26th 2023

    Translate
    Neelamk
    Legend
    Feb 22, 2023 2:52 PM UTC

    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

    Translate
    CraabitAuthor
    Participating Frequently
    Feb 22, 2023 3:48 PM UTC

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

    Translate
    Neelamk
    Legend
    Feb 22, 2023 5:06 PM UTC

    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

    Translate